Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery手风琴:打开的div切入以满足内容(给出了参考图像)_Jquery_Accordion - Fatal编程技术网

JQuery手风琴:打开的div切入以满足内容(给出了参考图像)

JQuery手风琴:打开的div切入以满足内容(给出了参考图像),jquery,accordion,Jquery,Accordion,我马上就去。以下是我在标题中所说的图片:。注意div的轮廓是如何在右侧切入的,以符合我选择的内容。出于保密的原因,我已经将div的内容屏蔽在了Paint中,但你明白了。当我已经打开了另一个项目,并尝试打开另一个项目时,就会发生这种情况。如果所有项目都关闭了,我单击打开一个项目,它看起来很好(实际上,如果你仔细观察,它会切入,然后很快重新正确调整)。只有当一个项目已经打开,并且我单击了另一个项目时,才会发生此故障。下面是我用来设置手风琴的代码: $('#demo_accordion').accor

我马上就去。以下是我在标题中所说的图片:。注意div的轮廓是如何在右侧切入的,以符合我选择的内容。出于保密的原因,我已经将div的内容屏蔽在了Paint中,但你明白了。当我已经打开了另一个项目,并尝试打开另一个项目时,就会发生这种情况。如果所有项目都关闭了,我单击打开一个项目,它看起来很好(实际上,如果你仔细观察,它会切入,然后很快重新正确调整)。只有当一个项目已经打开,并且我单击了另一个项目时,才会发生此故障。下面是我用来设置手风琴的代码:

$('#demo_accordion').accordion({
    header: "h3",
    active: false,
    autoHeight: false,
    collapsible: true
});
请注意,可折叠设置为true,因此我一次只允许打开一个项目。下面是我正在使用的html(缩写形式):


我也在使用内联.NETC#,在。我不知道它是否与CSS相关,但我很确定我完全按照演示在线进行

任何帮助都将不胜感激。谢谢。

如果您查看,它会为您提供手风琴的html格式。您想要的是更像这样的东西,其中表位于块元素中,比如div,该div位于头之后。在每个手风琴部件周围有一个封装div是不必要的

格式应为:

<div id="demo_accordion">
   <% foreach (var entry in Entries) %>
   <% { %>
      <h3><a href="#"><%= entry.EntryDate %> - Testing</a></h3>
      <div> 
         <table>
            <!-- table code here -->
         </table>
      </div>
   <% } %>
</div>

应该能解决你的问题

<div id="demo_accordion">
   <% foreach (var entry in Entries) %>
   <% { %>
      <h3><a href="#"><%= entry.EntryDate %> - Testing</a></h3>
      <div> 
         <table>
            <!-- table code here -->
         </table>
      </div>
   <% } %>
</div>