jquery를 사용하여 동일한 링크를 사용하여 div 및 요소를 어떻게 전환합니까?

Question

나는 클릭 할 때 DIV를 표시하는 메뉴 항목을 가지고 있지만 링크를 클릭 할 때 li 텍스트가 변경되고 클릭 사이를 전환하기를 원합니다. 여기

<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

그냥이 추가 여기에 HTML은?

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

Answer 2

나는 몇 가지 귀하의 예제에서 누락 된 것 같아요,하지만 당신은 할 수 체인 것을 조작 할 부모 리 하나를 선택한다 :

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