JQuery UI Accordion, как поместить кнопку / ссылку в заголовок с помощью другой функции

Я действительно злюсь на эту проблему и буду рад получить от вас небольшую помощь.

У меня есть аккордеон JQuery, который работает нормально. Мне нравится ставить X в правом углу заголовка, который затем удаляет элемент из списка, но я не могу этого сделать. Сам заголовок находится внутри тега

HEADER . это открытие континента. Когда я помещаю еще одну ссылку в шапку, аккордеон отображается некорректно. Есть ли шанс разместить другую ссылку / кнопку, и если пользователь нажмет на нее, я смогу поймать ее и удалить элемент?

Я попробовал другой метод, я поместил кнопку в div в содержимом и попытался переместить он вверху через position: relative и -20px, но он не отображается, он перезаписывается из заголовка, хотя я установил Z-INDEX на более высокое значение.

Звучит очень легко, и, возможно, я что-то пропустил ... но я потратил на это столько часов и искал столько сайтов, но не смог решить эту проблему. Любая помощь будет оценена по достоинству.

Спасибо, Марсель