Порваный аккордеон

Рейтинг: 2Ответов: 1Опубликовано: 29.04.2015

Скрипт "аккордеон", но без функции сворачивания уже "открытого" блока, т.е. кликая по 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");
}

Надеюсь кто-то поймет этот поток мысли. :)

Ответы

Ответов пока нет.