强大的JQuery选择器

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{

     //元素显示

}
});