Skrypt menu - mały problem Opcje

[Isuu]

Witam wszystkich użytkowników forum. Mam taki problem, napisałem skrypt do mojego menu na stronie, wszystko działa tylko nie wiem jak zrobić, żeby po kliknięciu w któryś z 4 elementów ten kliknięty robił się jako aktywny (czcionka na czarno i podkreślenie grubsze). Oto skrypt, pomożecie?

[PHP] pobierz, plaintext 
<script type="text/javascript">
		var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#about-button").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
			}, 200 );
 
 
 
			$j("#home-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#portfolio").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#blog").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
		});
	});
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#portfolio").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
 
			}, 200 );
 
 
 
			$j("#home-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#about-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#blog").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
		});
	});
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#blog").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
 
			}, 200 );
 
 
 
			$j("#home-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#about-button").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
			$j("#portfolio").animate({ 
				opacity: 0.5,
				borderWidth: 1
			}, 50 );
 
		});
	});
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
	$j(document).ready(function(){
		$j("#home-button").hover(function(){ 
			$j(this).animate({ 
				opacity: 1.0,
				borderBottom: "5px solid #23bd05"
 
			}, 200 );
 
 
 
			$j("#portfolio").animate({ 
				opacity: 0.5,
				borderBottom: "1px solid #cdcccc"
			}, 50 );
 
			$j("#about-button").animate({ 
				opacity: 0.5,
				borderBottom: "1px solid #cdcccc"
			}, 50 );
 
			$j("#blog").animate({ 
				opacity: 0.5,
				borderBottom: "1px solid #cdcccc"
			}, 50 );
 
		});
	});
</script>
[PHP] pobierz, plaintext 

[kamil4u]

Wrzuć demo online (IMG:style_emoticons/default/smile.gif)

[Isuu]

Nie mam pojęcia jak to zrobić. Tam nic więcej nie ma, tylko css dla tego menu. Ktoś zna rozwiązanie?

To będzie coś z funkcją .onclick tak?

[com]

demo tego co już masz, żebyśmy wiedzieli jak to dokładnie ma działać (IMG:style_emoticons/default/smile.gif)

[Isuu]

Tak, tylko chodzi o to, że nie mam pojęcia jak wrzucić demo samego menu.

[kamil4u]

Masz jakąś tam stronę. Teraz szukasz serwera, na który możesz wrzucić pliki( może być jakiś darmowy ) i wrzucasz do niego pliki i dajesz nam link. W necie są dziesiątki poradników jak wrzucić pliki na serwer. Powodzenia

[Isuu]

Stronę mam (IMG:style_emoticons/default/tongue.gif) Chciałem wrzucić demo samo menu, ale ok, podeślę całą stronkę.
http://fotisu.pl/
I teraz chodzi mi o to, żeby w menu po kliknięciu w np. "O mnie" i po przejściu na tą podstronę, to "O mnie" było pogrubione, a reszta na szaro.
Pomoże ktoś?

[kamil4u]

Za pomocą JS odczytujesz adres aktualnej strony i np. jak znajduje się tam ciąg "about" to pogrubiasz element "o mnie", itd.

Ale mimo wszystko poprawniej to zrobić w PHP - na tej samej zasadzie