Question

我有：

<style>
   #dom {display:none;}
</style>

<ul>
    <li><span id="adom">DOM related</span>
    <div id="dom">
      <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
      </ul>
    </div>
  </li>
</ul>

和

$(document).ready(function(){
  $("adom").click(function(){
    $("dom").toggle();
  });
});

但点击“Dom related”不会切换#dom。

的显示

Here is the jsFiddle

Answer 1

使用＃作为ID选择器：

$(document).ready(function(){
  $("#adom").click(function(){
    $("#dom").toggle();
  });
});

更新了JSFiddle：

http://jsfiddle.net/XN6eh/2/

Answer 2

问题是你没有提到adom是.class或#id。试试this

$(document).ready(function(){
  $("#adom").click(function(){
    $("#dom").toggle();
  });
});

简单的jQuery toggle（）不起作用

2 个答案: