Держите открытые несколько div после обновления div

Question

У меня есть небольшая проблема, я хотел бы сохранить стиль div «display: block;» после обновления div. Я меню:

идентификации контента

<div class="navigation-wrapper" id="menu_rep"> 
<div class="nav-item" id="zona_1"> 
    <a href="javascript:void(0);" class="submenu-item bedroom2-icon">MODULO A<em class="dropdown-item"></em></a> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="5 off" class="mini_ledoff-icon">POWER 1 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="2 off" class="mini_ledoff-icon">POWER 2 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="1 off" class="mini_ledoff-icon">POWER 3 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="6 off" class="mini_ledoff-icon">POWER 4 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
</div> 
<div class="nav-item" id="zona_2"> 
     <a href="javascript:void(0);" class="submenu-item bedroom-icon">MODULO B<em class="dropdown-item"></em></a> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="14 off" class="mini_ledoff-icon">POWER 1 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="11 off" class="mini_ledoff-icon">POWER 2 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="10 off" class="mini_ledoff-icon">POWER 3 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
         <div class="submenu" style="display: none;"> 
           <a href="javascript:void(0);" id="15 off" class="mini_ledoff-icon">POWER 4 
           <em class="unselected-item"></em> 
           </a> 
         </div> 
</div> 
</div> 

Jquery скрипт:

<script> 
$(document).on("tap", "a.mini_ledon-icon", function() { 
    var cmd = ($(this).attr('id')); 
    var p = cmd.split(" "); 
    var off = p[0] +' off'; 
    $.post("functions/sendcmd.php", { CMD: cmd }) 
    $(this).removeClass("mini_ledon-icon"); 
    $(this).addClass("mini_ledoff-icon"); 
    $(this).attr("id",off); 
}); 
$(document).on("tap", "a.mini_ledoff-icon", function() { 
    var cmd = ($(this).attr('id')); 
    var p = cmd.split(" "); 
    var on = p[0] +' on'; 
    $.post("functions/sendcmd.php", { CMD: cmd }) 
    $(this).removeClass("mini_ledoff-icon"); 
    $(this).addClass("mini_ledon-icon"); 
    $(this).attr("id",on); 
}); 
var isScrolling = false; 
var lastScrollPos = 0; 
var counter = 0; 


$(function() { 

    $('#menu_rep').on('scroll', function() { 
     isScrolling = true; 
     lastScrollPos = this.scrollTop; 
    }); 

    $(document).on("click", ".submenu-item", function() {  
     $(this).parent().find('.dropdown-item').toggleClass('active-dropdown'); 
     $('.dropdown-item').not($(this).parent().find('.dropdown-item')).removeClass('active-dropdown'); 
     $(this).parent().find('.submenu').toggle(150); 
     $('.submenu').not($(this).parent().find('.submenu')).hide(); 
     return false; 
    }); 

    refreshTimer = setInterval(agg_menu, 10000); 

    function agg_menu(){ 
     if (!isScrolling) { 
      var referer = 'indoor.php #menu_rep'; 
      $("#menu_rep").load(referer); 
     } 
     isScrolling = false; 
    } 
}); 
</script> 

Я пытался использовать библиотеку печенье, но что-то не так, кто-то может дать мне руку?

Answer 1

удалите эту линию, и она должна работать на вас.

$('.submenu').not($(this).parent().find('.submenu')).hide();