如何在单击时展开/折叠嵌套列表中,防止最低级项的“切换”?例如,列表中的最后一项是超链接,但单击会使该列表折叠而不是打开该链接。
jQuery('.intranet ul').hide();
jQuery('.intranet-folder').click(function() {
jQuery(this).children("ul").slideToggle();
return false;
});
.intranet-folder {cursor: pointer;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<ul class="intranet">
<li class="intranet-folder">Years
<ul>
<li class="intranet-folder">2015
<ul>
<li class="intranet-folder">January
<ul>
<li><a href="#">Click to download file</a></li>
</ul>
</li>
<li class="intranet-folder">February
<ul>
<li><a href="#">Click to download file</a></li>
</ul>
</li>
</ul>
</li>
<li class="intranet-folder">2014
<ul>
<li class="intranet-folder">November
<ul>
<li><a href="#">Click to download file</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>