Как реализовать открытие-закрытие блока на JQuery?

Question

[IGOR EZHKOV]

На сайте есть div со свойством display:none.
Есть скрипт, который по клику на кнопке показывает его и прокручивает к нему страницу:

$('a[href^="#title_search"]').click(function () {
$('#title_search').css("display", "block");
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top - 65 }, 900);
$('#title_search').css("display", "block");
return false;
});

Как изменить скрипт, чтобы при клике на кнопку можно было бы открывать/закрывать div?

Answer 1

[ma4t]

надо добавить условие
if ($('#title_search').is(':hidden')) {
Здесь код если див спрятан
}

else if ($('#title_search').is(':visible')) {
Здесь код если див виден
}

Answer 2

[FeST1VaL]

Можно например добавить State

https://jsfiddle.net/fest1val/a0L2eqsm/

Answer 3

[IGOR EZHKOV]

Всем спасибо!
Сделал так:

$('a[href^="#title_search"]').click(function () {
if ($('#title_search').is(':hidden')) {
$('#title_search').show('slow');
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top - 80 }, 900);
}
else if ($('#title_search').is(':visible')) {
$('#title_search').hide('slow');
}
return false;
});

Все работает