jquery - 用于非活动状态的 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 ));

.backgroundColorToggle("#fff","#000");像这样简单地调用。