Question

当你点击车辆时，我喜欢很多东西，以显示或隐藏子catégories。我试过但它不起作用

<ul class="ul_categories">
    <li class="li_title_categories">Vehicules</li>
    <li class="li_categories"><a href="Categorie-2-Voitures.htm">Voitures</a></li>
    <li class="li_categories"><a href="Categorie-3-Motos-scooters.htm">Motos/scooters</a></li>
    <li class="li_categories"><a href="Categorie-4-Caravanes-Camping-cars.htm">Caravanes/Camping-cars</a></li>
    <li class="li_categories"><a href="Categorie-5-Utilitaires.htm">Utilitaires</a></li>
    <li class="li_categories"><a href="Categorie-6-Accessoires-pieces.htm">Accessoires/pièces</a></li>
    <li class="li_categories"><a href="Categorie-7-Pieces-detachees.htm">Pièces détachées</a></li>
    <li class="li_categories"><a href="Categorie-8-Nautisme.htm">Nautisme</a></li>
    <li class="li_categories"><a href="Categorie-9-Velos.htm">Vélos</a></li>
</ul>

Answer 1

在这里你http://jsfiddle.net/LEL5q/4/

首先，我简化了这样的HTML：

<ul class="ul_categories">
    <li class="li_title">cat</li>
    <li class="li_categories hidden">Button1</li>
    <li class="li_categories hidden">Button2</li>
    <li class="li_categories hidden">Button3</li>
</ul>

<ul class="ul_categories">
    <li class="li_title">cat</li>
    <li class="li_categories hidden">Button1</li>
    <li class="li_categories hidden">Button2</li>
    <li class="li_categories hidden">Button3</li>
</ul>

然后我简化了你的JQuery：

$(document).ready(function() {

    $('.li_title').on('click',function(){
        $(this).siblings('.li_categories').toggle();
    });

});

我还添加了一个名为＆＃39; hidden＆＃39;具有以下属性：

.hidden {
    display: none;
}

这就是全部！

显示和隐藏类别

1 个答案: