jQuery плагин для повторения divs

Как я могу получить доступ к 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>

2 ответа

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

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

    $(".fire").show().closest('.dom').show();
    
  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();
    
    }