我有一个使用以下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"> </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"> </li>
</ul>
</div> <!-- / top -->
我无法弄清楚如何制作与Pick Your City具有相同功能的文字链接
有什么想法吗?
答案 0 :(得分: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");
});