jquery fade parent if chiled are style display:none

Question

i have divs with class "someclass" each div has chiled divs with class "otherclass"

i need to check if the divs with "otherclass" are display:none then fadeout the parent with "someclass"

how can i do it every time i click on some checkbox on the page?

Answer 1

$(':checkbox').click(function(){

  if( $('.otherclass').css('display')=='none' ){

    $('.otherclass').parent().fadeOut('normal');

  }

}

This is assuming .otherclass is a unique identifier. Also, if you want to to link these elements to the checkbox that is clicked with, say, the same class it's a little more involved.

$(':checkbox').click(function(){

  var el = $(this).attr('class'); //Better to use a unique ID here

  if( $('div.' + el).css('display')=='none' ){

    $('div.' + el).parent().fadeOut('normal');

  }

}

Answer 2

$(":checkbox").click(function() {
    if(!$(".otherclass:visible").length)
        $(".someclass").fadeOut();
});