手风琴右侧带有按钮

Question

我正在尝试实现一个accordion from w3 schools，其右侧带有按钮。本指南有一个带有class ='accordion'的按钮，按下该按钮时会显示。 我正在尝试做的是，让我的数据库中的手风琴按钮具有“ Object AAA”，当单击手风琴按钮时，面板会显示该对象的一些信息。按钮，“编辑”和“删除”按钮将用于“对象AAA”。因为数据库中将有几个对象（对象AAA，对象BBB等），所以除了手风琴按钮之外，不能将按钮放置在其他任何位置。我试着将它们放好，但是这样做后面板没有打开，就像您在小提琴中看到的那样。如果我将它们放在手风琴上方（即使上面还有其他手风琴），则面板会掉落（这样，我可以将按钮放在手风琴的左侧），但我希望它们在同一垂直高度上向右对齐带有.a​​ccordion类别的按钮

Demo fiddle

<button class="accordion">Section 2</button>
<button class="dlt">Delete</button>
<button class="edit">Edit</button>
<div class="panel">
  <p>Lorem ipsum </p>
</div>

关于如何将它们放在右侧的任何想法？ 预先感谢