0

同じ構造の HTML 要素がありますが、jquery がクリックした特定の要素のみに影響を与え、DOM 内のすべての要素に影響を与えるようにしたかったのです。これが私のフィドルです。

//HTML Code
<div class="category">
<h3>This is the title</h3>
<ul>
    <li>Sub menu one</li>
    <li>Sub menu two</li>
    <li>Sub menu three</li>
    <li>Sub menu four</li>
    <li>Sub menu five</li>
    <li>Sub menu six</li>
    <li>Sub menu seven</li>
</ul>
</div>
<div class="category">
    <h3>This is the title</h3>
<ul>
    <li>Sub menu one</li>
    <li>Sub menu two</li>
    <li>Sub menu three</li>
    <li>Sub menu four</li>
    <li>Sub menu five</li>
    <li>Sub menu six</li>
    <li>Sub menu seven</li>
</ul>
</div>

//jquery

$(function(){
   $('.category > h3').click(function(){
     $('.category > ul').slideToggle("fast");
      });


$('.category > h3').click(function(event){
    $(this).toggleClass('clicked')
    });

 });
4

5 に答える 5

2

これを試して：

  $(function(){
   $('.category > h3').click(function(){
     $(this).next().slideToggle("fast");
  });

フィドル

于 2013-09-19T05:28:08.043 に答える
0

使用する

$(this).next('ul').slideToggle("fast");

それ以外の

$('.category > ul').slideToggle("fast");
于 2013-09-19T05:41:57.453 に答える