[英]Show div when link clicked
I have the following portion of code.我有以下代码部分。
I'd like to hide sub-menu
originally and display if the link Type
is clicked.我想最初隐藏sub-menu
并在单击链接Type
显示。 How do I do this?我该怎么做呢?
http://jsfiddle.net/jk30af2a/ http://jsfiddle.net/jk30af2a/
<div class="thirdy">
<ul class="sf-menu" style="list-style-type:none">
<li class="main"><a href="#">Type</a>
<ul class="sub-menu">
<li><a href="/teams/" title="View all Teams" >Teams</a></li>
<li><a href="/events/" title="View all Events" >Event</a></li>
</ul>
</li>
</ul>
</div>
You can write a click event on a element and toggle its next sibling in click handler:您可以在元素上编写单击事件并在单击处理程序中切换其下一个同级:
$('.main a').click(function(){
$(this).next().toggle()
}).click();//<-- for hiding the options by default on load
you code be something like this http://jsfiddle.net/elviz/045z9gdr/1/你的代码是这样的http://jsfiddle.net/elviz/045z9gdr/1/
$(".sub-menu").toggle();
$(".main").click(function(){
$(".sub-menu").toggle();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.