Переключить div и оставить открытым

Question

У меня есть jquery для переключения div, чтобы открыть некоторые дополнительные поля поиска при нажатии кнопки. Однако эти поля имеют событие onchange («this.form.submit()»), поэтому каждый раз, когда они используются, div закрывается.

Думаю, мне нужно установить какой-то файл cookie, который держит div открытым до тех пор, пока не будет нажата кнопка сброса. Текущий скрипт:

<script type="text/javascript"> 
$(function ($) { 
var reveal_wrapper = $('.advancedsearch'); 
$('button.advancedsearchbutton').click(function() { 
    $(this).toggleClass('open'); 
    reveal_wrapper.slideToggle(400); 
    return false; 
}); 
}); 
</script> 

Answer 1

Вам не нужен куки-файл ... Вы можете использовать переменные, чтобы div открывал/закрывал. Каждый раз, когда вы вызываете событие onchange, вы можете проверить статус своего div. В случае, если вы можете выбрать, чтобы закрыть или открыть DIV

Answer 2

Использование:

$('button.advancedsearchbutton').click(function (e) { 
    $(this).toggleClass('open'); 
    reveal_wrapper.slideToggle(400); 
    e.stopPropagation(); 
    return false; 
}); 

Подробнее о e.stopPropagation() здесь: https://api.jquery.com/event.stoppropagation/