如何隐藏兄弟元素

时间:2017-11-30 12:44:54

标签: javascript php jquery

当我点击一个类别时,如何隐藏其余类别,如果再次单击,其他类别将再次出现。

<?php if($slide1_row_cnt > 0){ ?>
<div class="item active">
<h4>Groups</h4>
    <?php while ($row = mysqli_fetch_assoc($slide1_result)) { ?>
        <div class="row">
            <div class="col-xs-2">

                <p class="groups-list"><button type="button" class="btn btn-primary groups-button" rel="/tasks/stock/stock-category-list.php?filter=<?php echo $row['id_stc']; ?>"><?php echo $row['description_stc']; ?></button></p>
            </div>
        </div>

    <?php } ?>
</div>
<!-- /Slide1 -->

使用Javascript:

    $('.groups-button').click(function() {
    $(this).parent('p').siblings().toggle();

});

由于

1 个答案:

答案 0 :(得分:1)

基于您的代码共享

  

row

您正在显示行列表,因此您应该隐藏$(this).closest('.row').siblings().toggle(); s

{{1}}