Я пытаюсь реализовать определенную часть на веб-сайте, которая переключается вниз, когда я нажимаю на ссылку, если переключатель уже находится на странице, тогда он закроет это и откроет этот выбранный ,Stop Toggle при нажатии на ссылку
Пожалуйста, обратитесь сюда: http://jsfiddle.net/r79Nu/3/
Проблема в том, я хочу это так, когда вы нажимаете на определенную ссылку, он остановится переключаясь вниз все вместе и удалить его. На данный момент он будет отображать div всякий раз, когда вы нажимаете на ссылку во второй раз.
Вот код:
$('#nav a').click(function() {
var headerItem = $(this).attr('data-header');
if ($('#header_container').is(':visible')) {
$('#header_container').slideUp(500, function() {
$('.header_item').hide();
$('#'+headerItem).show();
$('#header_container').slideToggle(500);
});
}
else {
$('#'+headerItem).show();
$('#header_container').slideToggle(500);
}
});
Надеется, что это имеет смысл.
Так что вы хотите это так, если ссылка уже была нажата в первый раз (и расширение происходит), вы не хотите какие-либо дополнительные клики, чтобы запечатать и reexpand элемента, который уже был открыт? Как только щелкнуть 'click_0' один раз, пусть он будет расширяться. Затем снова нажмите 'click_0', вы ничего не хотите? Если вы нажмете 'click_01', вы хотите, чтобы он вел себя так, как сейчас (закрытие, повторное открытие), да? – Walls
@Walls Я хочу, чтобы иметь возможность щелкнуть по нему, он расширяется, и когда вы снова нажимаете на ссылку, она перестает расширяться. Надеюсь, это имеет смысл. Например: http://jsfiddle.net/r79Nu/1/ BUT с функциональность выше – Phorce
, так что вы хотите, чтобы она напоминала стоп-переключатель? В вашем примере скрипта, когда 'click_0', а затем нажмите его снова очень быстро, остановите функцию сползания вниз? Поэтому вместо того, чтобы отображать весь блок текста, вы хотите, чтобы он останавливался и скрывал остальную часть этого текста (что не было показано, когда второй клик остановил слайд)? Итак, у вас будет всего 1-2 строки, а не полный 4 в вашем примере? – Walls