Question

您好我正在尝试使用jQuery切换功能来改变ul显示状态：

display: none;

到

display: block;

然而这是有效的但是我从数据库接收信息并且使用jQuery切换它显示的所有信息都不是特别来自我点击的类别ID

这是我到目前为止所拥有的：

＆＃13;

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

＆＃13;

js代码：

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

现在使用jQuery切换当我点击第一个链接时它也会显示来自其他链接的信息，但是使用hover命令将CSS更改为阻止它可以正常工作。有人可以告诉我我做错了什么。

Answer 1

尝试更改Properties.Settings.Default

到

$('.cat-center li ul').toggle('blind');

https://jsfiddle.net/m6jLo547/

如何使用jQuery切换指定要显示的无序列表

1 个答案: