JQuery Accordion Crashes Randomly after Tile Selection
I have an accordion setup to actively open the next tile after the previous one is selected. The problem is sometimes the accordion crashes leaving only the "menu" div and all CSS attributes gone. It happens after a tile is selected, but not always the first tile. Usually the second or third tile. Is there anything I can so to make the accordion more reliable. Using Firefox 21.0. Thanks for any input. Code below:
$(function() {
$("#accordion").accordion({
collapsible: true,
active: false,
header: "h3",
heightStyle: "content",
autoHeight: false,
navigation: true
});
});
$(document).ready(function() {
$("#selectStates").change(function(event){
$.post(
"http://page.php",
$("#States").serialize(),
function(data) {
$('#menu').html(data);
$(".accordion").accordion({
active: 1
});
}
);
});
});
$(document).ready(function() {
$("#selectDivs").change(function(event){
$.post(
"http://page.php",
$("#divisions").serialize(),
function(data) {
$('#menu').html(data);
$(".accordion").accordion({
active: 2
});
}
);
});
});
$(document).ready(function() {
$("#selectParam1").change(function(event){
$.post(
"http://page.php",
$("#param1").serialize(),
function(data) {
$('#menu').html(data);
$(".accordion").accordion({
active: 3
});
}
);
});
});
$(document).ready(function() {
$("#sdate").change(function(event){
$.post(
"http://page.php",
$("#dates").serialize(),
function(data) {
$('#menu').html(data);
$(".accordion").accordion({
active: 4
});
}
);
});
});
</script>