Реализация аккордиона
Нужно реализовать следующее: При нажатии на заголовок открывается его содержимое, а вот другие элементы наоборот закрываются. При этом у заголовка меняется бэкграунд (с плюса на минус).
Знаю как реализовать через toggle() , но как я понимаю во второй версии JQ он не работает. В общем прошу помощи Исходный код http://jsbin.com/xihalu/1/ |
pensill,
помощь то в чём нужна? |
|
Вот ссылка с кодом - http://jsbin.com/xihalu/1/edit?html,css,js,output
Сейчас у меня реализовано все что надо. Кроме того, чтобы при клике по самому элементу, под ним убирался текст и у него менялся бэкграунд с минуса на плюс |
pensill,
$('.accordion__h2').on('click', function(){
$('.accordion__h2').not(this).removeClass('accordion__h2--minus');
$('.accordion__text').not($(this).next()).fadeOut(400);
$(this).next().slideToggle(800);
$(this).toggleClass('accordion__h2--minus');
});
|
спасибо. not(this) - то что надо. А вообще есть замена toggle() ? Чтобы при одном щелчке мыши происходило одно, и при втором щелке - другое?
|
pensill,
ага, есть условие с флагом
<script src="http://code.jquery.com/jquery-latest.js"></script>
<button>button</button>
<p>Lorem ipsum dolor sit amet!</p>
<script>
var flag = true;
$('button').click(function (){
if (flag) {
$('button + p').hide();
flag = 0;
} else {
$('button + p').show();
flag = 1;
}
});
</script>
|
Цитата:
|
| Часовой пояс GMT +3, время: 10:32. |