[jQuery] Re: Sortable list - even when list is changed

[rafald]

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