我有两个具有相同类名的切换 div。当我单击其中一个时,右侧的加号不会被减号替换,除非我同时单击它们。
http://jsfiddle.net/adige72/rxW3H/
html:
<div class="collapseTitle">Open 1<div class="symbol"> </div></div>
<div class="collapseContent">Content 1</div>
<div class="collapseTitle">Open 2<div class="symbol"> </div></div>
<div class="collapseContent">Content 2</div>
js:
var $coll = $('.collapseTitle');
$coll.click(function() {
$(this).nextUntil('.collapseTitle').toggle('fast', callbackFn);
function callbackFn(){
$('.collapseContent').is(":hidden") ? $coll.find('.symbol').css({'background-position': '0 50%'}) : $coll.find('.symbol').css({'background-position': '-36px 50%'});
}
$(this).toggleClass("expanded collapsed");
});
$coll.addClass('expanded').click();
提前致谢。