使用jquery如何切換div和元素使用相同的鏈接？

Question

我有一個菜單項，當點擊時顯示一個DIV，但我也希望li文本在鏈接被點擊時改變，並在點擊之間切換。下面是HTML：

<div class="menu"> 
       <ul> 
       <li class="l1"><a href="javascript:toggleDiv('upgrade');" id="upgrade_link">upgrade</a></li> 
       <li class="l1" style="display:none"><a href="javascript:toggleDiv('upgrade');" id="upgrade_link">Free</a></li> 
       <li class="l2"><a href="#">login</a></li> 
       <li class="l3"><a href="#">about</a></li> 
       </ul> 
      </div> 

這裏是jQuery的：

$(document).ready(function() { 
     $("div.upgrade").hide(); 
     $("div.signup").show(); 
    }); 
    function toggleDiv(divId) { 
     $("#"+divId).toggle(function() { 
     $('#upgrade_link').click(function() { 
      $('.l1').toggle() 
     }); 
    }); 
    } 

Answer 1

只需添加呢？

$('.l1').text('new text') 

Answer 2

我想有些事情是從你的例子裏缺了，但你可以鏈的東西，選擇父李來操縱一個：

$('#upgrade_link').click(function() { 
      $(this).css(or whatever).parent("li").css("background", "yellow"); 
     });