Fatal编程技术网
  • javascript/
  • Javascript jQuery花式切换不工作

Javascript jQuery花式切换不工作

javascript jquery html css

Javascript jQuery花式切换不工作,javascript,jquery,html,css,toggle,Javascript,Jquery,Html,Css,Toggle,我试图在一个切换中隐藏一组链接，但下面的代码没有这样做。请问我做错了什么。 多谢各位 <script> $("#navigation li a[id]").click(function()) { $("#" + this.id.substr(1)).slideToggle(600).siblings('.toggleDiv').slideUp(600); });

我试图在一个切换中隐藏一组链接，但下面的代码没有这样做。请问我做错了什么。 多谢各位

        <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>


$（“#导航LIA[id]”。单击（函数（）{
$（“#”+this.id.substr（1））.slideToggle（600）.兄弟姐妹（'.toggleDiv'）.slideUp（600）；
});
列表

    

  • 

  • 

  •
您错过了一个
）

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


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



jQuery中的括号表示属性


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

试试
$（“#侧边栏ul li a”）


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