Я пытаюсь реализовать аккордеон из школ w3 с кнопками справа.В этом руководстве есть кнопка с class = 'accordion', и при нажатии она показывает.Я пытаюсь сделать так, чтобы у кнопки аккордеона была «Object AAA» из моей базы данных, когда кнопка аккордеона нажата, на панели появляется некоторая информация об этом объекте.Кнопки «Редактировать» и «Удалить» предназначены для «Объекта ААА».Поскольку в базе данных будет несколько объектов (объект AAA, объект BBB и т. Д.), Я не могу размещать кнопки где-либо еще, кроме как рядом с кнопкой аккордеона.Я попытался разместить их, и сделал это, но затем панель не открывается, как вы можете видеть на скрипке.если я помещу их над аккордеоном (даже если над ним есть другой аккордеон), то панель падает нормально (таким образом я могу разместить кнопки на левой стороне аккордеона), но я хочу, чтобы они были выровнены вправо, на том же вертикальном уровнес кнопкой с классом .accordion
Демо-скрипка
<button class="accordion">Section 2</button>
<button class="dlt">Delete</button>
<button class="edit">Edit</button>
<div class="panel">
<p>Lorem ipsum </p>
</div>
Есть идеи о том, как можно расположить их справа?Заранее спасибо