切换类和可见性,显示

时间:2016-05-27 01:50:47

标签: jquery class toggle

如果我还想切换显示块:无。

我该怎么做

$('.exp').on('click', function() {
"use strict";
$(this).toggleClass("plus_sign minus_sign");    
$(this).toggleClass("plus01 minus01");
});

plus_sign和减号类每个都有一个图像来指示加号和减号。作为类切换,如果类是minus_sign我想要显示负图像。如果该类是plus_sign,我希望显示加号图像并隐藏负图像。图像是CSS中的背景图像。

由于

2 个答案:

答案 0 :(得分:0)

你太难了。

首先,设置所有.exp元素以使用加号(如果默认为显示加号)。然后切换一个切换类的类,以便显示减号。这里有一些快速代码,可以帮助你...

$('.exp').on('click', function() {
    $(this).toggleClass('hide_plus');
});

您的CSS将是这样的:

.exp {
    background:url(/path/to/plus.gif);
}
.hide_plus {
    background:url(/path/to/minus.gif);
}
顺便说一句,你最好使用精灵来制作这些图标,然后改变背景图像的位置。或者使用像fontawesome这样的东西。

这里是没有图像的+/-切换的粗略小提琴。添加图像不应该太困难。

https://jsfiddle.net/tycahill/1pwbuvga/

答案 1 :(得分:0)

非常简单你可以参考我的Plunker请在这里查看我为你做了一个简单的

\app\Controller\MyController.php (line 73)

array()

和HTML

 $("#clickme").click(function(){
    $("#clickme").toggleClass("fa-minus");
});

供参考http://plnkr.co/edit/fZ9AQCrO7RAK8wshQsQX?p=info