个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我有一个很大的嵌套列表，我正在尝试使用 jquery slideToggle 对其进行动画处理。我希望单独的嵌套列表 (id="Nested"+ counter) 单独设置动画，以便用户可以切换列表以显示/隐藏而不影响其他列表。动画将由相应的“trigger_Nested”(+ 计数器)链接触发。
但是，最终会有大约 75 个嵌套列表，我不想单独列出每对 anchor 和列表。
我觉得可能有一种非常简单的方法可以使用计数器动态地执行此操作，但我是一个 Javascript 新手，所以无法弄清楚。我下面的 js 同时切换所有列表，这不是我想要的。
感谢任何帮助，谢谢!
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul[id|=Nested]").hide();
$("a[id|=trigger_Nested]").click(function() {
$("ul[id|=Nested]").slideToggle("fast");
return false;
});
});
</script>
</head>
<body>
<ul id='TopLevel-List'>
<li><a href=# id='trigger_Nested-0'>Top Level 1</a>
<ul id='Nested-0' >
<li><a href=#>Item 1</li>
<li><a href=#>Item 2</li>
</ul>
</li>
<li><a href=# id='trigger_Nested-1'>Top Level 2</a>
<ul id='Nested-1'>
<li><a href=#>Item 3</a></li>
<li><a href=#>Item 4</a></li>
<li><a href=#>Item 5</a></li>
</ul>
</li>
</ul>
</body>
最佳答案
您可以在 .click() 中更改您的选择器要使用的处理程序 this并找到 <ul>相对地，像这样:
$(function(){
$("ul[id|=Nested]").hide();
$("a[id|=trigger_Nested]").click(function() {
$(this).siblings("ul").slideToggle("fast");
return false;
});
});
You can view a quick demo here ，这来自您单击的元素(然后是 <a> )并发现它是 .siblings() 匹配选择器(在本例中为 <ul>)，而 slideToggle 只有那个。
关于javascript - 在单个项目的大列表上使用 Jquery slideToggle，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3081813/
25
4
0
当我尝试使用 jQuery 在表格行中的另一个 slideToggle 中使用 slideToggle 时出现问题。 它有效，但是当我关闭子 slideToggle 时，它开始出现在父 slideTo
我有一个从右向左滑动的滑动开关。我有一些 div 元素，我希望在单击它们时 slideToggle 仅显示并且不会在再次单击该 div 元素 时关闭。仅在点击 slideToggle 中的按钮时关闭
http://jsfiddle.net/vmKVS/ 我想通过一个小例子来理解 slideToggle 的状态。 当我第一次切换时，选项元素变为绿色。 我希望当我再次单击切换时菜单元素变成红色，现在是
当窗口浏览器小于 600px 时，我的手机菜单有一个 slideToggle 的 jquery 函数。但是，当单击该图标时，它会向下滑动 ul，但会立即向上滑动。 这就是我要说的 https://js
我在 JQuery 中使用 slipToggle() 来显示 div。但这不起作用。 我做了不同的测试，但没有任何效果...... 我有这个: 1. Compétences Scientifique
此时我无法显示实时示例，但我不知道 SlideToggle 是如何被调用两次的。单击链接即可调用它。 这里: // initialize the jquery code $(function(){
我有一个可以使用 .slideToggle() 隐藏的联系表单，但我希望使用选项卡来切换表单以根据表单是否存在来更改文本在 View 中或隐藏。 这是 jQuery: $("#slider").cli
我正在尝试使用 searchDiv 类在 div 上调用 $("div.searchDiv").slideToggle("slow"); ，该类最初使用 隐
我在网站上使用 jQuery SlideToggle 函数来显示有关某些内容的“更多信息”。当我触发幻灯片时，内容逐渐显示出来，但位于右侧约100像素，直到动画结束时突然跳到正确的位置。反之，内容在开
我有一个其中有两个 .第二个是隐藏的，当我单击第一个 时应该显示. 我已经尝试过:$(me).parent().parent().find("ul").slideToggle();$(me) 是这
我有一个简单的菜单/ Accordion slider 。我想将 class="active"添加到单击的链接并向下滑动以显示 UL。当单击另一个单独的菜单项时，应将事件类从前一个元素中删除并添加到刚
我试图切换 ul 但收到错误消息“slideToggle 不是函数”。该菜单用于切换列表。 $(function() { $("li ul").hide();
点击.cart-contents-toggle时，#cartplus-dropdown div应该向下滑动，同时向上滑动，而无需再次点击它。这是实现此功能的 URL:Website Link jQue
我正在尝试让 Slidetoggle 在 div 上正常工作。我有以下格式的 html: $ServiceName
在我的html.css这就是我如何称呼 .js文件 它位于 body 的结束标记之后。我按照步骤操作，但不知道问题出在哪里。我需要先隐藏 ul，然后在用户单击按钮时弹出 ul。 $('.btnrefi
我有这个page当我单击“计算机”或任何其他标题之类的标题时，下面的项目需要上下滑动 我有这个结构 (1) Software
我在使用 JQuery 切换动画时遇到问题。我有一个菜单，其中有子项目，可在主项目悬停时滑动打开。我可以很好地实现这一点，但是，对于一长串项目，我希望能够停止打开并滑动关闭菜单，而不必等待 Slide
我已经弄清楚如何使用 jquery 移动我的 css 顶部位置，但是我希望 #menu id 根据切换更改顶部位置。所以基本上我希望 #menu 在单击 anchor 时下降 50 px，并在再次单击
$(document).ready(function() { $('.cats_showall').click(function() { $('.cats_dropdown li').sl
我根据自己的喜好设计了新的 WP 管理栏，并添加了“隐藏”按钮。我将按钮设置为滑动切换“wpadminbar”div。当我单击隐藏它时，div 和搜索表单(嵌套在“wpadminbar”div 中)两
我是一名优秀的程序员,十分优秀！