Comment tester si DIV est ouvert ou fermé après slideToggle

J'ai un Jquery Ui button ( #toggleIcons) que lorsque l'utilisateur clique dessus, bascule dans un div (.les icônes) pour afficher des icônes. Je suis également à l'aide de Jquery Isotope et Infinitescroll pour ajouter de nouvelles images de façon dynamique. Ce que j'essaie de faire est d'avoir un moyen pour le slideToggle état d'être retenu en tant que de nouvelles images sont ajoutées et mises à jour. Ifinitescroll a une fonction de rappel afin que je puisse mettre à jour la page et de l'état des icônes.

//My button click function
$("#styleSwitcher #toggleIcons" ).click(function() {
   $('.icons').slideToggle('slow');
   //for Isotope to update the layout
   $('#container').isotope('reLayout') 
    return false;
});

//code I am working on to put in callback to test if div is open or closed
if($(".icons").is(":hidden"))
{
  $('.icons').hide();
}
else
{
  $('.icons').show();
}

Pas de travail. Toute aide ou une orientation serait appréciée. grâce

source d'informationauteur Macsupport

  1. 23

    Vous avez votre condition à l'envers:

    if ($(".icons").is(":visible")) { <-----
  $('.icons').hide(); 
} else {
  $('.icons').show(); 
}
  2. 20

    Mettre vérifiez l'état de script dans une fonction - laissez-le tenir un peu..

    $('.advance-view').click(function() {
    $('#advance-control').slideToggle('slow', function() {
        if ($('#advance-control').is(':hidden'))
        {
            $('.advance-view').css("background-color", "#2B509A");
        }
        else
        {
            $('.advance-view').css("background-color", "#4D6837");
        }
    });             
});
  3. 2

    pourquoi ne pas simplement bascule ou slideToggle?

    $(".icons").toggle();
  4. 2

    Je voudrais utiliser :visible

    if($(".icons:visible").length > 0)
    //item is visible
else
    //item is not visible

    mais si vous voulez coller à votre code

    if($(".icons").is(":hidden"))

    devrait probablement lu

    if($(".icons").is(":hidden").length > 0)
  5. 1

    je faisais la même chose mais pour un id en fonction de l'installation et ensuite, j'ai trouvé cela a fonctionné quand j'ai utilisé ce lieu 

    if ($(this).is(':hidden')) {
    var state = "closed";
} else {
    var state = "open";
}

alert($(this).attr('id') + ' is ' + state);
return false;
  6. 0

    je crois que je comprends ce que vous voulez. à partir de quelques boutons, qui n'a rien à voir avec l'ajout d'images, les utilisateurs peuvent masquer et afficher les icônes. De nouvelles images sont ajoutées, avec des icônes de "montrer", et vous n'avez aucune idée sur rappel, si vous devez montrer les icônes, ou de les cacher afin qu'elles correspondent au reste de la galerie.

    //My button click function
$("#styleSwitcher #toggleIcons" ).click(function() {
$('.icons').slideToggle('slow');
//for Isotope to update the layout
$('#container').isotope('reLayout').data({iconStateIsHidden:$('.icons').is(":hidden")}); 
 return false;
 });



 //code I am working on to put in callback to test if div is open or closed



       if($("#container").data()[iconStateIsHidden])
          {
//newly added images should match the rest of the gallery
        $('.icons').hide(); 
          }     
        else
          {
//newly added images should match the rest of the gallery
        $('.icons').show(); 
          }