JQuery dodaj lub ukryj blok definicji z <style> </style>

Witam, jak w JQUERY można uaktywnić/ukryć blok html taki jak:

<style type="text/css"> 
body {background: black !important;color:#DBDB00 !important;}
... dużo definicji css....
</style>

chciałem, aby w wypadku gdy dane ciasteczko w przeglądarce jest ustawione dodawało te style jako nadrzędne do obiektów
na początku zrobiłem to w samym php

<?php
if(isset($_COOKIE['_KONTRAST_'])) {
$CK=$_COOKIE['_KONTRAST_'];
if ($CK==1)
{
include ($DOCUMENT_ROOT.'/incl/CSS_BW.php'); //definicje css w <style>
}
}
?>

to było ok, ale niestety potrzebuje to jakoś zrobić w jquery, ma ktoś jakieś pomysły.?
dziękuje za pomoc.

Nie mam pojęcia o co Ci chodzi oraz dlaczego stawiasz kropkę przed znakiem zapytania, ale zapewne znacznie prościej będzie utworzyć specjalną cssową wystylizowaną klasę i w jQuery dopisać ją do elementu za pomocą addClass.

albo toggle, co umożliwi Ci włączanie / wyłączanie klasy

	
$('#imBlind').click(function () {
  $('body').toggleClass('iCanSee');
})