JQuery аккордеон предотвращает меню collaspe после обратной передачи

Question

У меня есть меню, которое представляет собой вложенный элемент управления ListView, который находится на моей главной странице. Я использую JQuery ниже, чтобы превратить этот ListView в аккордеон. Проблема в том, что когда я нажимаю на названия меню, это вызовет обратную передачу. Таким образом, подменю мигает, и после завершения записи он перезагружает страницу и меню (закрытие активного подменю).

$('.head').each(function() { 
      var $content = $(this).closest('li').find('.content'); 
      $(this).click(function (e) { 
       // e.preventDefault(); 
       $content.not(':animated').slideToggle(); 
      }); 
     }); 

Answer 1

Ну, просто попробуйте несколько способов сохранить состояние во время обратной передачи. Два самых простых - использование POST и GET, т.е. ViewState или какая-то строка запроса.

Продолжение

Я лично рекомендую использовать скрытое поле, скажем, что вы хотите, чтобы третий элемент, чтобы открыть при загрузке, то вы бы использовать что-то вроде

<input id="hidMenuItem" type="hidden" value="3" /> 

Затем с помощью JQuery

$(document).ready(function { 
    var itemIndex = $("#hidMenuItem").val(); 
    $("li .content:nth-child(" + itemIndex + ")").slideToggle(); 
}); 

Чтобы сохранить открытый объект до обратной передачи, сделайте это в случае click

var itemIndex = $("li .content").index(this); 
$("#hidMenuItem").val(itemIndex); 

Это не проверено, но это идея. Надеюсь, что поможет