Cacher div sauf...

Par komodo_star, il y a 14 ans

Javascript

Bonjours !

Voila, j'aimerais savoir comment fait-on lorsque l'on clique sur un div, tous les autres div se "hide" sauf celui cliqué ?
Merci !

4 réponses

BlackDesign, il y a 14 ans

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

$(this).click(function(){
    $(this).addClass('noHide');
    $("div:not('noHide')").fadeOut();
});
MrGuillou, il y a 14 ans

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, il y a 14 ans

Cool les gars ! Merci beaucoup :)

BlackDesign, il y a 14 ans

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