-1
У меня есть событие click по трем ссылкам, которые показывают связанный раздел, но я хочу закрыть текущий раздел open при нажатии на другую ссылку и показать новый связанный раздел с анимацией slideToggle(). Какие-либо предложения? Благодаря!Простая Tablike функциональность с Javascript
// HTML
<ul>
<li><a id="privacy" href="#privacy-section">Privacy</a></li>
<li><a id="cookies" href="#cookies-section">Cookies</a></li>
<li><a id="imprint" href="#imprint-section">Imprint</a></li>
</ul>
<section id="privacy-section" class="privacy">
Content…
</section>
<section id="cookies-section" class="cookies">
Content…
</section>
<section id="imprint-section" class="imprint">
Content…
</section>
// JS
$('#imprint, #privacy, #cookies').on('click', function(event) {
var target = $(this.getAttribute('href'));
target.slideToggle();
if(target.length) {
event.preventDefault();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
}
});
Я думаю, что термин вы ищете является «гармошкой» – naththedeveloper
вы ищете аккордеон, проверьте скрипку-клиент: //jsfiddle.net/FKAAM/4/ –
Да спасибо - что Более уместен. – Lukas