To nie wtyczka, lecz szablon musi posiadać taką funkcje. Poszperaj w sieci „drag and drop jquery effect” i spróbuj zaimplementować.
Znalazłem kilka wersji.
Znalazłem też coś takiego:
http://interface.eyecon.ro/demos/sort.html
Teraz pytanie. Jak zastosować ten efekt jquery do widgetów w sidebarze?
Tak na szybko patrząc:
<script type="text/javascript">
$(document).ready(
function () {
$('a.closeEl').bind('click', toggleContent);
$('div.groupWrapper').Sortable(
{
accept: 'groupItem',
helperclass: 'sortHelper',
activeclass : 'sortableactive',
hoverclass : 'sortablehover',
handle: 'div.itemHeader',
tolerance: 'pointer',
onChange : function(ser)
{
},
onStart : function()
{
$.iAutoscroller.start(this, document.getElementsByTagName('body'));
},
onStop : function()
{
$.iAutoscroller.stop();
}
}
);
}
);
var toggleContent = function(e)
{
var targetContent = $('div.itemContent', this.parentNode.parentNode);
if (targetContent.css('display') == 'none') {
targetContent.slideDown(300);
$(this).html('[-]');
} else {
targetContent.slideUp(300);
$(this).html('[+]');
}
return false;
};
function serialize(s)
{
serial = $.SortSerialize(s);
alert(serial.hash);
};
</script>
I dodajesz w divie widgetu:
class="groupWrapper"