如果某个特定类别有子类别,我在主类别上有一个箭头,iam使用jquery动画来滑动、向下滑动子类别。我想删除以前的箭头,并在子类别向下滑动时用不同的箭头替换它
以下是我的Jquery代码供参考:
$(document).ready(function () {
$("aside ul li:has(ul)").addClass("ic-arrdn");
var e = $("aside > ul > li.current-cat, aside > ul > li.current-cat-parent");
if (e.length == 1) {
}
$("aside > ul > li > ul.children").each(function () {
$(this).find("li")
$(this).parent().toggle(function () {
$(this).find("ul").slideDown()
}, function () {
$(this).find("ul").slideUp()
})
})
});
这是标记:
-<ul>
<li class="cat-item cat-item-6797 ic-arrdn"><a href="http://johndoe.com/cat1">Cat 2</a><span>(234)</span>
<ul class="children">
<li class="cat-item cat-item-7492"><a href="http://johndoe.com/cat1-sub" title="View all posts filed under cat1">Cat 1</a><span>(1)</span>
</li>
</ul>
</li>
</ul>
如果类别中有子类别,我会添加类别ic arrdn,如果单击主类别,我希望该类别从ic arrdn更改为ic arrup。。
最合适的回答,由SO网友:Shabbir Lakdawala 整理而成
我添加了以下行:$(this)。removeClass(\'ic-arrdn\')。addClass(“ic-arrup”)$(本)。removeClass(\'ic-arrdn\')。addClass(“ic-arrup”);
并取得了成效。
$(document).ready(function () {
$("aside ul li:has(ul)").addClass("ic-arrdn");
var e = $("aside > ul > li.current-cat, aside > ul > li.current-cat-parent");
if (e.length == 1) {
}
$("aside > ul > li > ul.children").each(function () {
$(this).find("li")
$(this).parent().toggle(function () {
$(this).find("ul").slideDown();
$(this).removeClass(\'ic-arrdn\').addClass(\'ic-arrup\');
}, function () {
$(this).find("ul").slideUp();
$(this).removeClass(\'ic-arrdn\').addClass(\'ic-arrup\');
});
});
});