javascript点击显示或者隐藏更多的分享图标

啥也不说，先上效果图

未用javascript

qq分享菜单.png

使用javascript后

qq分享菜单拉出.png

代码如下

  function share(){
      var isOpen = false;
      var $shareMore = $('#shareMore');   
      
      var $parent = $shareMore.parent();
  
      var $as = $shareMore.prevAll('a:lt(2)');
      
      var $b = $shareMore.children();
  


      $shareMore.click(function() {
          if(isOpen){
              $parent.css('width', 155);

              $as.hide();
              
              $b.removeClass('backword');

          }else{
              $parent.css('width', 200);

              $as.show();

              $b.addClass('backword');

          }
          
          isOpen = !isOpen;
      });
  }