gpt4 book ai didi

javascript - JQuery 隐藏/显示无法正常工作

转载 作者:行者123 更新时间:2023-11-28 19:18:20 26 4
gpt4 key购买 nike

我正在尝试制作一个下拉菜单,并让它在单击时打开子菜单并在单击时关闭它们,但我什至无法让它隐藏我的子菜单以开始单击。

这是我的 JQuery 代码:

$(document).ready(function(){
$("#timeli").click(function(){
$("#timeUlSub").hide();
});});

这是我试图隐藏/显示的 html 代码

<div class="timeline">
<ul>
<li id="timeli">1996
<ul id="timeUlSub">
<li>
<p class="timeline-date">1997</p>
<p class="timeline-description">This is in the submenu</p>
</li>
</ul>
</li>
<li>1999</li>
<li>2000</li>
<li>2004</li>
<li>2006</li>
<li>2007</li>
</ul>
</div>

我在 jquery 端做错了什么吗?因为从我在这里看到的情况来看,这应该有效,但事实并非如此。

最佳答案

使用toggle()可能更有效:

    $("#timeli").click(function(){
$("#timeUlSub").toggle();
});

<强> Example Fiddle

关于javascript - JQuery 隐藏/显示无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29421442/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com