切换css以及显示/隐藏jquery

我已经有了这段代码，它可以切换显示/隐藏，还可以更改CSS元素

我想它改变回：悬停状态切换。可能吗

$("article").click(function () {
    $(".folder-items",this).slideToggle("slow");
    $("article:hover").css({
       background : 'none',
       border : '1px solid #C7C6C7'
    });
 });

我该怎么做？我需要改变什么

我基本上是从文档和在线资源中将这些代码散列在一起。所以我不知道该怎么做才能让它正常工作。我对jquery有点陌生。

听起来像。切换类会让你感到惊奇

为元素定义默认CSS规则，以及覆盖这些规则的辅助类。然后使用.toggleClass打开/关闭该辅助类

// CSS
article {
    background-image:url(foo.png);
    border-style:none;
}

article.hovering {
   background:none;
   border:1px solid #c7c6c7;
}

// JS (jQuery 1.7.x)
$('article').on('click', function () {
    $(this).toggleClass('hovering')
           .find('folder-items')
                .slideToggle('slow');
});

但是，当然，您可以使用一篇目标明确的文章：悬停规则，将样式切换留给CSS。请注意，这不适用于旧版本的IE。

这就是你想要的吗

var origBg = $("article:hover").css('background');
var origBorder =  $("article:hover").css('border');

$("article").click(function () {
    $(".folder-items",this).slideToggle("slow");
    if ($("article:hover").css('border')==origBorder)
    {
        $("article:hover").css({
            background : 'none',
            border : '1px solid #C7C6C7'
        });
    }
    else
    {
        $("article:hover").css({
            background : origBg,
            border : origBorder
        });
    }

});

---

从border属性中删除§。嗯，打开文本编辑器，将插入符号移动到第5行的末尾，返回一个字符，然后按backspace。啊，明白了。编辑后，仍然不会切换CSS:S