Javascript 使用jQuery从H3向下滑动下一个UL DetailsView 职位：主管 经理联系方式： *地点已关闭-请联系公司办公室寻求进一步帮助 责任 协助客户解决AIV、AppStore、Kindle Tier 2的各种问题 -备用-Kindle Tier 1

尝试将jQuery写入onClick，并向下滑动跨距下方的UL。 尝试了多种解决方案，但似乎都失败了

这是我的jQUery代码：

<h3>Details<span class="dropdown">View</span></h3>
    <div id="sbc">
        <ul>
            <li><h2>Role: Supervisor</h2></li>
            <li>Manager Contact:</li>
            <li class="small">*location closed - please contact corporate office for further assistance</li>
            <li><a href=""></a></li>
            <li><h2>Responsibilities</li>
            <li>
                <ul>
                <li>Assist customers with miscellaneous issues from AIV, AppStore, Kindle Tier 2</li>
                <li> - Fallback - Kindle Tier 1</li>
                </ul>
            </li>
        </ul>
    </div>

（功能（）{
$（'span.dropdown'）。在（'click'，function（）上{
$（this）.next（'ul'）.slideToggle（）；
});
})（jQuery）；

绞尽脑汁。。。。我不是一个彻头彻尾的傻瓜（但显然我是），我希望得到一些帮助

点击 ***向下滑动： ul：在span之后

---

切换它。

回答了我自己的问题。。。。 （是，12秒后）

（功能（）{
$（'span.dropdown'）。在（'click'，function（）上{
$（this）.parent（）.next（'ul'）.slideToggle（）；
});
})（jQuery）；

---

谢谢你的帮助！我知道我是个白痴，错误地记录了DOM:-P

您需要先遍历父元素，获取下一个元素，然后获取子元素

ul

：

<script>
(function() {
    $('span.dropdown').on('click', function() {
        $(this).parent().next('ul').slideToggle();
    });
})(jQuery);
</script>

由于您的

div

具有

id

，并且

id

必须是唯一的，因此您可以执行以下操作：

$(this).parent().next().children('ul').slideToggle();

试试这个让我知道

$('#sbc > ul').slideToggle();

您需要这样做：

$('.dropdown').on('click', function() {
       $(this).parent().next().children('ul').slideToggle();
 });

试试这个

$(this)
    .parent()        // Go to the parent h3 element of current span clicked
    .next('#sbc')    // Go to the next div element with id 'sbc'
    .children('ul')  // Go to its child ul element
    .slideToggle();  // and finally slide toggle

---

我看不出这是怎么回事，父级

h3的
下一个元素是
div
，而不是
ul
？在这种情况下，要么
ul
不是
#sbc
的直接后代，要么您有多个元素具有相同的
id
（
#sbc
）
$(this)
    .parent()        // Go to the parent h3 element of current span clicked
    .next('#sbc')    // Go to the next div element with id 'sbc'
    .children('ul')  // Go to its child ul element
    .slideToggle();  // and finally slide toggle

$('span.dropdown').on('click', function() {
    $('ul').slideToggle();
   // alert('hi');
});