Problème de ciblage visible jQuery

Question

J'ai créé ce script qui vous permet de naviguer dans plusieurs divs avec jQuery, mais je veux faire un changement de CSS au parent si la 6ème div est affichée et en utilisant .is (": visible") ne m'a pas donné de chance.

$(document).ready(function() { 
    /* Set the frame to #sf1 */ 
    $('#sf2, #sf3, #sf4, #sf5, #sf6').hide(); 
    /* Slide Animation for Next Slides */ 
    $('.nextbutton').click(function() { 
     $(this).parents('li').fadeOut(300); 
     $(this).parents('li').next().fadeIn(300); 
     if ($('#sf6').is(":visible") == "true") { 
     alert('that just happened'); 
     $('#stepForm').css('height', 'auto !important'); 
     } 
    }); 
    /* Slide Animation for Previous Slides */ 
    $('.prevbutton').click(function() { 
     $(this).parents('li').prev().fadeIn(300); 
     $(this).parents('li').fadeOut(300); 
    }); 
}); 

Answer 1

Vous devez changer

if ($('#sf6').is(":visible") == "true") { 

juste

if ($('#sf6').is(":visible")) { 

Answer 2

Pourquoi ne pas tester les propriétés CSS qui rendraient visible ...

var dis = $('#sf6').css('display'); 
if (dis == 'visible' || dis == 'block'){ 
    // do something 
} 

Answer 3

Vous pouvez capturer tout dans un sélecteur en testant la longueur prop erty comme ceci:

if ($('#sf6:visible').length) {... 

Devrait être un peu plus rapide de cette façon. Je pensais juste que je le lancerais là-bas. : o)