如何指定使用jQuery顯示切換其無序列表

Question

你好，我想使用jQuery的切換功能只是一個UL顯示狀態的改變：

display: none; 

到

display: block; 

這作品，但我收到數據庫的信息，並與jQuery切換它顯示的所有信息不是專門從類別ID在其中我點擊

這是我有什麼Ø遠：

<section id="categories-wrapper"> 
 
    <div class="cat-center"> 
 
    <?php foreach($categories as $cat) { ?> 
 
    <?php if($cat['parent_id'] < 1) { ?> 
 
    <li> 
 
     <a href="#!"><img src="media/categories/<?php echo $cat['image']; ?>"></a> 
 
     <ul> 
 
     <?php 
 
$childCategories = $objCatalogue->getChildCategories($cat['id']); 
 
?> 
 
     <?php foreach($childCategories as $childCat) { ?> 
 
     <li><?php echo $childCat['name']; ?></li> 
 
     <?php } ?> 
 
     </ul> 
 
    </li> 
 
    <?php } ?> 
 
    <?php } ?> 
 
    </div> 
 
</section>

JS代碼：

$('.cat-center li').click(function() { 
    event.stopPropagation(); 
    $('.cat-center li ul').toggle('blind'); 
}); 

現在用jQuery的切換時，我的第一個鏈接點擊顯示來自其它鏈接的信息，以及，但CSS使用懸停命令只是改變顯示來阻止它的工作。有人能告訴我我做錯了什麼。

Answer 1

試着改變你的$('.cat-center li ul').toggle('blind');

到

$('.cat-center li').click(function() { 
    event.stopPropagation(); 
    if ($(this).find('ul').is(":visible")) 
    { 
     $(this).find('ul').hide(500); 
    } 
    else 
    { 
     $('.cat-center li ul').hide(500); 
     $(this).find('ul').toggle('blind'); 
    } 
}); 

https://jsfiddle.net/m6jLo547/