Witam

Mam menu rozwijane i do niego podpięty skrypt jquery, który pokazuje i ukrywa linki a także zmienia kolor linka po kliknięciu. Wszystko działa fajnie do czasu przeładowania strony (zmiany linka). Otóż kolor linka zmienia się więc jest ok ale nie wiem jak zrobić, żeby <span>, w którym znajduje się kliknięty link pozostał pokazany a reszta ukryta...

skrypt :

[HTML] pobierz, plaintext 
 
$(document).ready(function(){
 
//-- funkcja do menu rozwijanego
 
			 $('ul li.rozwiniety').hover( function(){
                    $('p', this).append('<div class="strzalka_menu"></div>');
                }, function(){
                    $(".strzalka_menu").remove();
                });	
 
 
 
		$('p + span').hide();
 
 
                $('p').click(function(){
 
                	if($(this).next('span').is(':hidden')) {
		$(this).next('span').show();
		return false;
	}
	else {
		$(this).next('span').hide();
		return false;
		}
                 });
 
      $('#menu_rozwijane a').each(function () {
        if (this.href == location){ // sprawdzamy, czy adres odnośnika jest równy aktualnemu adresowi
            $(this).css('color', '#c58300');
            $(this).show();
        }
 
    });           
 
});
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
 
<div id="menu_rozwijane">
		<ul style="border-bottom:0px;">
 
 
			<li><a href="?1">link2</a></li>
 
		</ul>
 
		<ul>
		<li class="rozwiniety"><p>link 1</p>
		<span>
		<ul>
		<li><a href="?7">podlink1</a></li>
		<li><a href="?2">podlink2</a></li>
		</ul>
		</span>
		</li>
		<li><a href="?3">link3</a></li>
		<li class="rozwiniety"><p>link 4</p>
		<span>
		<ul>
		<li><a href="?4">podlink3</a></li>
		<li><a href="?5">podlink4</a></li>
		</ul>
		</span>
		</li>
	</ul>
 
	</div>
 
[HTML] pobierz, plaintext 

Z góry dzięki za wszelkie podpowiedzi ;-)

Pozdrawiam

A nie prościej byłoby użyć selektor i CSS?
Dodatkowo, umieszczanie elementu blokowego w elemencie liniowym jest niepoprawne semantycznie.