jquery - 将tinyscrollbar更新功能与jquery onclick事件一起使用的正确方法是什么？

我有使用jquery slideUp()和sideDown()函数单击按钮时显示或隐藏的状态列表。

我正在尝试使用jquery tinyscrollbar向其添加自定义滚动条。

我在这里有一个jsfiddle：http://jsfiddle.net/ByteMyPixel/acLch/

我几乎可以正常工作，但是卡住了-tinyscrollbar在第二次单击事件/ slideUp()而不是slideDown()上显示。

关于如何解决此问题的任何想法，以便tinyscrollbar出现在slideDown()上而消失在slideUp()上？

这是我的代码：

var oScrollbar1 = $('#scrollbar1');
oScrollbar1.tinyscrollbar();

$("a.button").click(function () {

oScrollbar1.tinyscrollbar_update();

    if ($("ul.scrolling").is(":hidden")) {
        $("ul.scrolling").slideDown("slow");
    } else {
        $("ul.scrolling").slideUp("slow");
    }
});

最佳答案

    var oScrollbar1 = $('#scrollbar1');
    oScrollbar1.tinyscrollbar();

    $("a.button").click(function()
    {
        $("ul.scrolling").slideToggle("slow", function()
        {
            oScrollbar1.tinyscrollbar_update();
        });
    });

这将解决您的问题：）