Недавно я сделал перетаскиваемый значок, который анимировал аккордеонный эффект при наведении курсора, чтобы отобразить информацию об этом значке, а затем, как только пользователь обязательно выберет его, пользователь может перетащить его в симулятор телефона, который сгенерировал снимок экрана с этиммодуль может понравиться.Надеюсь, это поможет.
$(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();
});