Функция JQuery link

Question

У меня есть слайд-меню, в котором используется следующий 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 --> 

Я не могу понять, как сделать текстовую ссылку, которая выполняет ту же функцию, как Pick Your City

Есть идеи?

Answer 1

Вы действительно не задаете вопрос здесь. Пожалуйста, будьте более конкретными. Кроме того, было бы полезно, если бы вы разместили еще несколько своих кодов. Прямо сейчас мы понятия не имеем, что такое контекст этого html-фрагмента.

Однако, от того, что я понимаю, что вы могли бы просто сделать текстовую ссылку где-то, независимо от того, где на странице, как это:

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

Затем отредактируйте следующую JQuery строку:

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

до

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