2011-02-03 69 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 2011-02-03 23:04:40

+0

为什么不使用jQuery自己的TAB插件?它可以在这里找到:http://docs.jquery.com/UI/Tabs – Neil 2011-02-03 23:16:26

回答

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"); 
});