У меня есть следующий код:

Развернуть / свернуть :

$(".post-toc").stop(true).animate({width:'toggle'}, 200);

Когда я нажму на кнопку TOC, оглавление будет расширено. Но эффект расширения / коллапса довольно уродлив.

Я просто новичок, так что вы, ребята, помогите, пожалуйста, сделать так, чтобы расширение / свертывание имело лучший эффект, как эффект слайда, ...?

Большое спасибо, ребята.

0
Thuat Nguyen

1 ответ

Попробуйте метод JQuery slideToggle ().

HTML:

    <div>
        <h1>This is a heading</h1>
    </div>
    <button>Button</button>

JS :

        var action = 'click';
        var speed = 1000;
        $('button').on(action, function() {
            $('div').slideToggle(speed);
        });
58582400