我有一个带有标题图像的手风琴菜单,该标题图像会根据状态(打开/关闭)而变化,问题是一旦菜单的任何部分打开,即使关闭了菜单部分,打开状态图像也会保留。我希望菜单部分关闭后再返回关闭状态。



     $(document).ready(function() {
        //slides the element with class "menu_body" when paragraph with class
        //"sidemenu_head" is clicked
        $("#firstpane p.sidemenu_head").click(function() {
            $(this).css({backgroundImage:"url(g/down.png)"})
                   .next("div.sidemenu_body")
                   .slideToggle(300)
                   .siblings("div.sidemenu_body")
                   .slideUp("fast");

            $(this).siblings()
                   .css({backgroundImage:"url(left.png)"});
    });

最佳答案

我建议使用手风琴的change事件。您的处理程序将被传递对关闭和打开手风琴项目的标题和内容元素的引用。

$('#my-accordion').bind('accordionchange', function(event, ui) {
    ui.oldHeader.css( /* swap bg img */ );
    ui.newHeader.css( /* swap bg img */ );
});

09-05 17:46
查看更多