ok...I see on you page it works...I double checked my code. Here what happens
WHEN I replace THIS: $(function(){ $("#elements").sortable(); $("#elements").disableSelection(); }); $(function() { $("#accordion").accordion(); }); $(document).ready(function(){ $('#elements').sortable({ update: function(event, ui) { alert('update') } }); $("div.roundbox") .wrap('<div class="dialog">'+ '<div class="bd">'+ '<div class="c">'+ '<div class="s">'+ '</div>'+ '</div>'+ '</div>'+ '</div>'); $('div.dialog').prepend('<div class="hd">'+ '<div class="c"></div>'+ '</div>') .append('<div class="ft">'+ '<div class="c"></div>'+ '</div>'); }); With code from your page: $(function(){ $("#elements").sortable(); $("#elements").disableSelection(); }); $(function() { $("#accordion").accordion(); }); $(document).ready(function(){ $('#elements').sortable({ update: function(event, ui) { alert('update') } }); $("div.roundbox") .wrap('<div class="dialog">'+ '<div class="bd">'+ '<div class="c">'+ '<div class="s">'+ '</div>'+ '</div>'+ '</div>'+ '</div>'); $('div.dialog').prepend('<div class="hd">'+ '<div class="c"></div>'+ '</div>') .append('<div class="ft">'+ '<div class="c"></div>'+ '</div>'); }); ...the it WORKS ;-) but the problem is I need accordion as well. For my code it is enough that I remove THIS part: $(function(){ $("#elements").sortable(); $("#elements").disableSelection(); }); $(function() { $("#accordion").accordion(); }); then it works so I have to reorganize the code. Could you advise me what will be the best solution here ? regards Rafal