Скрипт "аккордеон", но без функции сворачивания уже "открытого" блока, т.е. кликая по ul.acc-title должен открываться один блок и закрываться другой (если открыт).
Не могу сделать так, чтобы при нажатии на один элемент другие сворачивались. Буду очень благодарен за возможные решения.
<div class="scroll-container">
<div class="accordion">
<ul class="acc-title">
<li>title 1</li>
</ul>
<div class="fine">content 1</div>
<ul class="acc-title">
<li>title 2</li>
</ul>
<div class="fine">content 2</div>
</div><!-- .accordion -->
</div><!-- .scroll-container -->
$(window).load(function () {
$(".scroll-container").customScrollbar();
$(".viewport").css("width", "540px");
$(".accordion > ul.table-acc-title").click(function (el) {
//console.log($(el.target).parent().next());
//var toExpand = $(this).siblings(".fine");
var toExpand = $(el.target).parent().next();
var link = $(this);
if (toExpand.is(":visible"))
toExpand.slideUp(200, function () {
resizeAndScroll(link);
});
else
toExpand.slideDown(200, function () {
resizeAndScroll(link);
});
});
});
function resizeAndScroll(elem) {
$(".scroll-container").customScrollbar("resize", true)
$(".viewport").css("width", "540px");
}
Надеюсь кто-то поймет этот поток мысли. :)