如果我还想切换显示块:无。
我该怎么做
$('.exp').on('click', function() {
"use strict";
$(this).toggleClass("plus_sign minus_sign");
$(this).toggleClass("plus01 minus01");
});
plus_sign和减号类每个都有一个图像来指示加号和减号。作为类切换,如果类是minus_sign我想要显示负图像。如果该类是plus_sign,我希望显示加号图像并隐藏负图像。图像是CSS中的背景图像。
由于
答案 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这样的东西。
这里是没有图像的+/-切换的粗略小提琴。添加图像不应该太困难。
答案 1 :(得分:0)
非常简单你可以参考我的Plunker请在这里查看我为你做了一个简单的
\app\Controller\MyController.php (line 73)
array()
和HTML
$("#clickme").click(function(){
$("#clickme").toggleClass("fa-minus");
});