Forum : Cacher div sauf...

Réponse acceptée

Salut, je pensse que tu peut utiliser quelque chose comme sa :

$(this).click(function(){
    $(this).addClass('noHide');
    $("div:not('noHide')").fadeOut();
});

MrGuillou

Bonjour,
@BlackDesign cool ton code,
Je ne connaissais pas nor :)
Juste 2 petites corrections
la cible du click
et le sélecteur à qui il faut dire que c'est une class

<!DOCTYPE html>
<html>
    <head>
        <title>Mon test</title>
        <style type="text/css">
        div.test {
                width: 500px;
                height: 500px;
                margin: 10px;
                background-color: darkcyan;
            }
        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript">
        jQuery(document).ready(function($){    
            $('div.test').click(function(){
               $(this).addClass('noHide');
               $("div.test:not('.noHide')").fadeOut();
            });
        });
           </script>
    </head>
    <body>
        <div class="test"></div>
        <div class="test"></div>
        <div class="test"></div>
        <div class="test"></div>
        <div class="test"></div>
    </body>
</html>

komodo_star

Auteur

Cool les gars ! Merci beaucoup :)

BlackDesign

Apres le code est à adapter, mais il est vrai que j'ai oublier le '.'
Cool d'avoir pu aider ^^

Cacher div sauf...

4 réponses