Плагин jQuery для повторяющихся divs

Question

Как мне получить доступ, div с именем класса fire в этом для функции или в общем вложенном классе div?

//this doesn't seems to work 
function lightCandle(){ 

    $(".fire").show(); 
} 



<div class="dom" id="dom" style="display: none"> 
    <div class="happydiwali" id="happydiwali"> 
      <div class="candle"></div> 
      <div id="match" class="match"><a href="#match"> </a></div> 
      <div class="fire" id="fire"><a href="#"></a></div> 
    <div class="light"></div> 
    </div> 
</div> 

Answer 1

Вы показывая .fire элемент, но это родительский .dom элемент остается скрытым из-за display:none.

Показать .dom элемент, а также .fire:

$(".fire").show().closest('.dom').show(); 

Answer 2

Сделать родителя display: block и ребенка, а также.

function lightCandle(){ 
    var dom = $(".dom"); 

    if(dom.css('display') == none){ 
     dom.css('display', 'block'); 
     dom.find('.fire').show(); 
    } 


    //Or with out condition, 
    dom.css('display', 'block'); 
    dom.find('.fire').show(); 

}