Masquer tous les div à l'exception d'un

J'aimerais masquer une complète div conteneur sauf un div.

Donc, au démarrage, juste montrer div id"box_5" et de cacher le reste.
Lorsque je clique sur le bouton 1 montrent tout, et quand je clique sur le bouton 2 tout cacher à nouveau.

Le problème, c'est quand je me cache le "wrapper" div c'est de cacher le tout incl. id=box_5.

Je pense que le problème est le div est à l'intérieur de l'emballage div mais je ne sais pas contourner?

<button id="button_1">show</botton>
<button id="button_2">hide</botton>

<div id="wrapper">
<div id="box_1"></div>
<div id="box_2"></div>
<div id="box_3"></div>
<div id="box_4"></div>
<div id="box_5">always show this</div>
<div id="box_6"></div>
<div id="box_7"></div>
<div id="box_8"></div>
<div id="box_9"></div>
<div id="box_10"></div>
</div>




$(document).ready(function() {
    $('#wrapper').not(":eq(#box_5)").hide();
    $('id="button_1"').click(function() {
        $('#wrapper').show();
        $('id="button_2"').click(function() {
            $('#wrapper').not(":eq(#box_5)").hide();
        });

    });
$('id="button_1"') -> $("#button_1") ???
je l'ai changé. Merci!

OriginalL'auteur Bastiaan | 2012-11-05

  1. 12

    Changement 

    $('#wrapper').not(":eq(#box_5)").hide();

    à

    $('#wrapper').not("#box_5").hide();

    Remarque: Supprimé le eq sélecteur. eq sélecteur de travaux sur l'index et dans votre cas, vous n'avez pas besoin eq sélecteur comme vous le savez, l'ID de la div.

    Aussi s'il vous plaît changer votre gestionnaire de fonctions comme ci-dessous,

    $('#button_1').click(function() {
    $('#wrapper').show();
});

$('#button_2').click(function() {
    $('#wrapper').not("#box_5").hide();
});
    Merci pour votre réponse. En combinaison avec la réponse de Alex près de sa de travail.

    OriginalL'auteur Selvakumar Arumugam

  2. 2

    Ajouter l'élément que vous souhaitez masquer votre sélecteur, dans ce cas, le "div" éléments à l'intérieur de la "wrapper" de l'élément. Aussi, correction de certains de la mise en forme des sélecteurs.

        $('#wrapper div').not("#box_5").hide();
    $("#button_1").click(function() {
        $('#wrapper div').show();
    });
    $("#button_2").click(function() {
        $('#wrapper div').not("#box_5").hide();
    });
    Merci beaucoup! Je suis un débutant et je ne pouvais pas trouver le problème. C'est un travail, mais maintenant, c'est de cacher la div à l'intérieur de box_5?

    OriginalL'auteur Alex