Jquery手风琴调整为非活动状态

Question

嗨我有这个简单的手风琴设置在选择时改变背景颜色并在取消选择时返回白色...除了当我点击活动以关闭手风琴并且背景不会改变回来时它工作得很好...任何帮助将不胜感激

<script type="text/javascript">
$j(".accordion > dt").click(function(){
    if(false == $j(this).next().is(':visible')) {
        $j('.accordion dd').slideUp(300);
        $j('.accordion dt').css('backgroundColor','#ffffff');
    }
    $j(this).next().slideToggle(300);
    $j(this).css('backgroundColor','#EE178C');
});
</script>

Answer 1

这个jquery插件我扔在一起应该这样做：

    (function ( $ ) {
     var backgroundColorToggleStatus = null;
    $.fn.backgroundColorToggle = function(one,two) {
        return this.each(function(){
                if (backgroundColorToggleStatus == one)
                    backgroundColorToggleStatus = two;
                else if (backgroundColorToggleStatus == two)
                    backgroundColorToggleStatus = one;
            else{
                    backgroundColorToggleStatus = one;
            }
            $(this).css("backgroundColor",backgroundColorToggleStatus);
        });
    };

}( jQuery ));

只需像this一样调用.backgroundColorToggle("#fff","#000");。