当我点击一个类别时,如何隐藏其余类别,如果再次单击,其他类别将再次出现。
<?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();
});
由于
答案 0 :(得分:1)
基于您的代码共享
row
您正在显示行列表,因此您应该隐藏$(this).closest('.row').siblings().toggle();
s
{{1}}