CSS开关样式 实现加入推荐和取消推荐

<div id="div1" [#if brand.isHot==
"true"] class="open1"[#else]class="close1"[/#if]>
<div id="div2" idVal="${brand.id}" [#if brand.isHot==
"true"] class="open2"[#else]class="close2"[/#if]> </div>
</div>

以上代码解释为，如果
brand.isHot为true，则把类名设值为open1，否则设值为close1 便于页面加载后样式的实现。

下面写关键的js代码

var _$div2 = $('.open2,.close2');

_$div2.click(function () {
//点击开关的小圆点时，设置他的父id的样式，接着获得自身的类名便于更换样式 ，然后&*%*&…
…*……*&
好了，功能实现了。

 var _$this = $(this);
    var class1 = (_$this.parent().prop("className") == "close1") ? "open1" : "close1";

    _$this.parent().prop("className", class1);

    var class2 = (_$this.prop("className") == "close2") ? "open2" : "close2";

    _$this.prop("className", class2);
    var id = _$this.attr("idVal");

    //isHot(class1, id);//加入推荐或取消推荐

    return false
});