Bootstrap Accordion + x-editable

Question

I have an bootstrap accordion which I also applied x-editable that will only trigger through a link in the dropdown:

I want to remove:

to make it:

Isn't possible to remove the line below the x-editable?

Answer 1

Try this in a stylesheet that comes after the x-editable stylesheet:

.editable-click,
a.editable-click,
a.editable-click:hover {
    border: none !important;
}

Answer 2

Use this in your main.js (jquery file that you are using for x-editable).

.accordion-1 is a class on accordion

 $(".accordion-1").attr('style', 'border-bottom: none;');