вопрос
Здравствуйте!
Не могу понять, как заставить спойлер закрываться при вызове другого спойлера.Что нужно дописать в код чтобы эта функция срабатывала?
Вот код:
HTML:
Сам код работает, но не сворачивается при вызове другого спойлера.
Не могу понять, как заставить спойлер закрываться при вызове другого спойлера.Что нужно дописать в код чтобы эта функция срабатывала?
Вот код:
$(document).ready(function(){
$(".spoler-menu").hide();
$(".sp_menu").show();
$('.sp_menu').click(function(){
$(".spoler-menu").slideToggle();
});
});
HTML:
<div class="sp_menu">Кнопка вызова</div>
<div class="spoler-menu">
Текст спойлера
</div>
Сам код работает, но не сворачивается при вызове другого спойлера.
<div onclick="sPo('1')">!!!Кнопка вызова</div>
<div class="spoler spoler-menu1">
Текст спойлера
</div>
<div onclick="sPo('2')">!!!Кнопка вызова</div>
<div class="spoler spoler-menu2">
Текст спойлера
</div>
function sPo( id ){
var item = $(".spoler-menu" + id);
if (item.css("display") == "none") {
$(".spoler").hide('slow'); // slow , normal , fast
$(".spoler-menu"+ id).slideToggle('slow'); // slow , normal , fast
} else {
$(".spoler").hide('slow'); // slow , normal , fast
}
};