2011-02-03 3 views
0

다음 jquery를 사용하는 슬라이드 다운 메뉴가 있습니다.Jquery 함수 링크

$(document).ready(function() { 

// Expand Panel 
$("#open").click(function(){ 
    $("div#panel").slideDown("slow"); 

}); 

// Collapse Panel 
$("#close").click(function(){ 
    $("div#panel").slideUp("slow"); 
});  

// Switch buttons from "Log In | Register" to "Close Panel" on click 
$("#toggle a").click(function() { 
    $("#toggle a").toggle(); 
});  

}); 

맨 위에 탭이 있습니다.

<!-- The tab on top --> 
<div class="tab"> 
    <ul class="login"> 
     <li class="left">&nbsp;</li> 
     <li><a href="http://allbuys.ca">AllBuys.ca</a></li> 
     <li class="sep">|</li> 
     <li id="toggle"> 
      <a href="#" name="open" class="open" id="open">Pick Your City</a> 
      <a id="close" style="display: none;" class="close" href="#">Close Panel</a>   
     </li> 
     <li class="right">&nbsp;</li> 
    </ul> 
</div> <!--/top --> 

나는 당신의 도시

어떤 아이디어 선택과 동일한 기능을하는 텍스트 링크를 만드는 방법을 알아낼 수 없습니다?

+0

나는 혼란 스럽다. 나는 당신의 질문이 무엇인지 알 수 없다. 너 뭐하려고? 그것을 더 잘 표현하고 예를 들려 줄 수 있습니까? – Neil

+0

왜 jQuery 자체 TAB 플러그인을 사용하지 않습니까? 다음에서 찾을 수 있습니다. http://docs.jquery.com/UI/Tabs – Neil

답변

1

여기에 질문하는 것이 아닙니다. 더 구체적으로 말하십시오. 또한, 코드를 좀 더 게시하면 도움이 될 것입니다. 지금 당장은이 HTML 스 니펫의 컨텍스트가 무엇인지 전혀 알지 못합니다.

그러나,에서 나는 당신이 단지 같은 곳 페이지에 상관없이, 어딘가 텍스트 링크를 만들 수 없었다 이해 무엇 :

$("#open").click(function(){ 
    $("div#panel").slideDown("slow"); 
}); 

:

<a href='http://a.b.c/' id='make_this_work_as_well'>Link text</a> 

그런 다음 다음 JQuery와 라인을 편집 ~

$("#open,#make_this_work_as_well").click(function(){ 
    $("div#panel").slideDown("slow"); 
}); 
+0

너무 단순하지만 그렇게 어렵습니다. 고마워요! – mrlayance