아코디언 내에 아이콘 갤러리를 배치하는 Jquery

Question

아코디언 내의 각 패널에 드래그 가능한 아이콘 갤러리가 포함될 수있는 jquery 아코디언 플러그인을 찾고 있습니다.

Answer 1

나는 최근에 그 아이콘에 대한 정보를 표시하기 위해 호버에 accordian 효과를 애니메이션하는 draggable 아이콘을 만들었습니다. 사용자가 그것을 선택하게되면, 사용자는 그것을 phone simulator로 드래그하여 무엇에 대한 스크린 샷을 생성 할 수있었습니다. 그 모듈은 좋아할 수 있습니다. 이게 도움이 되길 바란다.

$(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(); 

});