У меня вопрос с jQuery UI Accordion and Droppable. Как перетащить элемент из # tab-1 в # tab-2? меня посмотреть демо в jqueryui.com "Сортируемый - Соединить списки с вкладками", но я не могу использовать это для аккордеона :(Работа с jQuery UI «Accordion and Droppable»
HTML:
<div id="tabs">
<div id="tabs-1">
<h3>A</h3>
<div>
<ul id="sortable1" class="connectedSortable ui-helper-reset">
<li class="ui-state-default">Item 1</li>
<li class="ui-state-default">Item 2</li>
<li class="ui-state-default">Item 3</li>
<li class="ui-state-default">Item 4</li>
<li class="ui-state-default">Item 5</li>
</ul>
</div>
</div>
<div id="tabs-2">
<h3>B</h3>
<div>
<ul id="sortable2" class="connectedSortable ui-helper-reset">
<li class="ui-state-highlight">Item 1</li>
<li class="ui-state-highlight">Item 2</li>
<li class="ui-state-highlight">Item 3</li>
<li class="ui-state-highlight">Item 4</li>
<li class="ui-state-highlight">Item 5</li>
</ul>
</div>
</div>
Сценарий:
$(function() {
$("#sortable1, #sortable2").sortable().disableSelection();
var $tabs = $("#tabs").accordion({
heightStyle: "content",
collapsible: true,
header: "> div > h3",
beforeActivate: function(event, ui) {
$("#maps").width($("#tabsMap").innerWidth() - $("#mapList").width() - 34);
},
activate: function(event, ui) {
$("#maps").width($("#tabsMap").innerWidth() - $("#mapList").width() - 32);
}
}).sortable({
axis: "y",
handle: "h3",
stop: function(event, ui) {
ui.item.children("h3").triggerHandler("focusout");
}
});
});
Почему вы не можете использовать плагин jQuery UI? – rednaw