Javascript 如何使按钮在打开内容时不会掉落?
我希望按钮始终位于顶部,当我单击其中一个按钮时,我希望内容显示在下面,而不必按下下面的其他按钮 这是小提琴Javascript 如何使按钮在打开内容时不会掉落?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我希望按钮始终位于顶部,当我单击其中一个按钮时,我希望内容显示在下面,而不必按下下面的其他按钮 这是小提琴 关于openload,它可以是任何东西,现在只是一个占位符4尝试在div之前制作按钮 检查:jsfiddle.net/ajtehs4y/元素的顺序导致了这一点,因为div位于按钮之间,当显示一个按钮时,它会在按钮后将按钮推到新行上 请编辑您的问题,以包含一个JSFIDLE示例。 <button type="button" name="cat"><img src="cat
关于openload,它可以是任何东西,现在只是一个占位符4尝试在div之前制作按钮
检查:jsfiddle.net/ajtehs4y/元素的顺序导致了这一点,因为div位于按钮之间,当显示一个按钮时,它会在按钮后将按钮推到新行上
请编辑您的问题,以包含一个JSFIDLE示例。
<button type="button" name="cat"><img src="cat.jpeg" /></button>
<button type="button" name="dog"><img src="dog.jpeg" /></button>
<button type="button" name="dog2"><img src="dog.jpeg" /></button>
<button type="button" name="dog3"><img src="dog.jpeg" /></button>
<!-- dropdown content goes after the buttons -->
<div id="catdiv" class="hide">
<!-- Content here -->
</div>
<div id="dogdiv" class="hide">
<!-- Content here -->
</div>
<div id="dog2div" class="hide">
<!-- Content here -->
</div>
<div id="dog3div" class="hide">
<!-- Content here -->
</div>