JQuery选择器有个强大的功能是能够给一个按钮添加一组交互事件,而不需要去判断;
<div class="showmore">
<a href="more.html"><span>显示全部品牌</span></a>
</div>
JS代码如下:
var $togglenBtn = $('div.showmore > a');
$togglenBtn.click(function(){
if($category.is(":visible")){
//元素隐藏
}else{
//元素显示
}
});
如果改成toggle()方法,代码可以直接写成一下形式:
var $togglenBtn = $('div.showmore > a');
$togglenBtn.toggle(function(){
if($category.is(":visible")){
//元素隐藏
}else{
//元素显示
}
});