jQuery花式切换不起作用

jQuery Fancy Toggle Not Working

本文关键字：不起作用 jQuery      更新时间：2023-09-26

我有一组链接试图隐藏在切换中，但下面的代码没有做到这一点。请问我做错了什么。非常感谢。

        <script>
                $("#navigation li a[id]").click(function()) {
                     $("#" + this.id.substr(1)).slideToggle(600).siblings('.toggleDiv').slideUp(600);
                });
        </script>

         <div id="search" class="toggleDiv" style="display:none">List</div>  
                <div id="sidebar">
                        <ul>
                            <li><a href="bios.php?id=1">President</a></li>
                            <li><a href="bios.php?id=2">Vice</a></li>
                            <li><a href="bios.php?id=3">Secretary</a></li>
                        </ul>      
                </div>
jQuery中的括号用于属性。

a[id]将不起作用，因为那些a标记没有id属性。您也没有#navigation分区。

尝试$("#sidebar ul li a")

您错过了一个)。

$("#" + this.id.substr(1))
                 //  ----^

但是，选择器不会选择锚点元素，因为它们没有ID属性，并且this.id是undefined。您似乎想要获取href属性的id参数。

$("#sidebar li a").click(function()) {
    $("#"+this.href.slice(-1)).slideToggle(600).siblings('.toggleDiv').slideUp(600);
});
相关文章：