我试图让一个 div 在单击时获得一个新类(使其扩展),并在单击该 div 内的取消链接时将其返回到旧类(使其关闭)。
<div class="new-discussion small">
<a class="cancel">Cancel</a>
</div>
<script>
$('.new-discussion.small').click(function() {
$(this).addClass("expand").removeClass("small");
});
$('a.cancel').click(function() {
$('.new-discussion.expand').addClass("small").removeClass("expand");
});
</script>
现在,添加扩展类完美无缺,但单击取消链接后关闭面板仅在我删除此代码时才有效:
$('.new-discussion.small').click(function() {
$(this).addClass("expand").removeClass("small");
});
所以我想这一定是阻止了第二个功能的工作,但我真的不知道为什么。
有任何想法吗?谢谢!