JQuery 如何在对话框中添加手风琴

Question

我默认隐藏一个对话框，当用户单击页面中的按钮时，会出现该对话框，并且对话框内有一个手风琴。手风琴出现，但手风琴的每个部分似乎并不完整。它没有完全显示每个手风琴部分内的文本。它只显示第一行。

$('#helpx').hide();
$('#accord').accordion({ header: 'h3' });

$('#helpbutton').click(function() { 
    if ( $('#helpx').is(':visible') == false ) { 
        $('#helpx').show().dialog({height: 600, width:550, dialogClass: 'shadowme', position: [390,130]}); 
            }
    else { $('#helpx').dialog('close'); }
});

请记住，手风琴位于 html 对话框的标签内。例如

<div id="helpx" title="Sistema de Ayuda">
    <div id="accord">

Answer 1

这似乎对我来说效果很好，但我们确实需要

$( "#accordion" ).accordion();
$('#dialog').dialog({autoOpen:false});
$('#mybutton').click(function(){
    $('#dialog').dialog('open');
})

在这里查看您的代码一个工作演示