Jquery On Drag事件在元素id网格上显示less和remove按钮类

我使用这个jquery函数在无序的列表id网格上或多或少地显示
哪个很好

   $('#grid').each(function() {
       var $list = $(this);
       $list.before('<button class="more_less">More</button>');
       $list.find('.grid-item:gt(2)').hide();
   });


  $('.more_less').click(function() {
      var $btn = $(this);
      $btn.next().find('.grid-item:gt(2)').slideToggle();    
      $btn.text($btn.text() == 'More' ? 'Less' : 'More');    
  });

---

我想这里应该放置正确的代码来删除

您应该为启动事件添加一个处理程序，如下例所示

$('#grid ').draggable({
    revert:true,
    proxy:'clone',
    start: function(event, ui){
        ui.helper.find('.more_less').hide();
        ui.helper.find('.grid-item:gt(2)').hide();
    }
});

$（'#grid p'）.draggable（{revert:true，proxy:'clone'，onStartDrag:function（）{$（this）.draggable（'options'）。cursor='not allowed'；$（this.draggable（'proxy'））.css（'z-index'，10）；
$('#grid ').draggable({
    revert:true,
    proxy:'clone',
    start: function(event, ui){
        ui.helper.find('.more_less').hide();
        ui.helper.find('.grid-item:gt(2)').hide();
    }
});