我有一个带有视频标签的 div,我的 jQuery 在那个 div 上有 .accordion()。当我单击其他其中一个时,它会将内部 div 的大小调整为全宽一瞬间,然后调整为正确的指定宽度。有解决办法吗?例如,当我单击“系列 2”标题时,系列 1 会按应有的方式折叠,而当系列 2 打开时,它会在瞬间扩大屏幕宽度,然后再回到原来的宽度。
代码:
<div id="accordion">
<h3 class="stitle">Series 1</h3>
<div class="viddiv>
<h3 class="vidtitle">Video 1</h3>
<div class="inner">
<video controls preload="auto" width="600px" height="240px">
<source src="myVid1.mp4" type="video/mp4">
</video>
</div>
<h3 class="vidtitle">Video 2</h3>
<div class="inner">
<video controls preload="auto" width="600px" height="240px">
<source src="myVid2.mp4" type="video/mp4">
</video>
</div>
</div>
<h3 class="stitle">Series 2</h3>
<div class="viddiv">
<h3 class="vidtitle">Video 3</h3>
<div class="inner">
<video controls preload="auto" width="600px" height="240px">
<source src="myVid3.mp4" type="video/mp4">
</video>
</div>
<h3 class="vidtitle">Video 4</h3>
<div class="inner">
<video controls preload="auto" width="600px" height="240px">
<source src="myVid4.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
谢谢!