アコーディオン内にアイコンギャラリーを配置するJquery

Question

アコーディオン内の各パネルにドラッグ可能なアイコンギャラリーを含めることができるjqueryアコーディオンプラグインを探しています。

Answer 1

私は最近、ホバーのアコーディオン効果をアニメーション化してそのアイコンに関する情報を表示するドラッグ可能なアイコンを作成しました。ユーザーがそれを選択したら、ユーザーはそれを電話機シミュレータにドラッグしてそのモジュールは好きかもしれません。私はこれが役立つことを願っています

$(document).ready(function() { 

    var dragged = false; 
    /////////////BUTTON HOVER ACTION 

    $('[class$="Button"]').mousedown(function() { 
     dragged = true; 
    }); 

    $('[class$="Button"]').mouseup(function() { 
     dragged = false; 

    }); 

    $('[class$=Button]').mouseover(function() { 

     var arr = $(this).attr('class').split("Button"); 
     //alert(arr[0]); 
     if (!dragged) { 
      //$('[class$=Content]').hide(); 
      //$('[class$=Content]').dequeue("fx"); 
      $('div.'+arr[0]+'Content').stop(true, true).slideDown('slow'); 

     } 
    }); 



    /////////////BUTTON HOVEROUT ACTION 

    $('[class$=Button]').mouseout(function() { 

     var arr = $(this).attr('class').split("Button"); 
     //alert(arr[0]); 
     $('div.'+arr[0]+'Content').stop(true, true).slideUp('slow'); 
     //$('[class$=Content]').hide(); 

    }); 
/////////////hide on Doc Load 

    $('[class$=Content]').hide(); 

});