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

Jquery函数链接

1 个答案: