Prevent Bootstrap verdecken von „Springen“

Question

Ich habe einen Bootstrap Zusammenbruch Plugin einrichten mit meiner Liste zu verwenden, der häufig gestellten Fragen:

https://jsfiddle.net/2d8ytuq0/

<ul class="faq__questions"> 
    <li> 
    <a href="#" data-toggle="collapse" data-target="#faq__question_1">..</a> 
    <p class="collapse" id="faq__question_1">...</p> 
    </li> 
</ul> 

Das Problem ist, wenn man den Zusammenbruch zurück erweiterte Beschreibung es "springt". Ich denke, das passiert aufgrund des unteren Randes der p Element hat. Ich habe versucht, es durch padding-bottom zu ersetzen, aber das hat das Problem nicht gelöst. Gibt es eine Möglichkeit, dies zu beheben, ohne das ursprüngliche Layout zu brechen?

Answer 1

Dieses Problem wird verursacht, weil Ihr minimiertes Element eine margin-bottom:15px hat.

Ihr neuer HTML-Markup

<div class="collapse" id="faq__question_1"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe nesciunt rerum mollitia nobis corporis sint error quaerat cupiditate animi doloribus! Voluptas dolores, incidunt perspiciatis labore velit libero minus consequuntur blanditiis.</p> 
</div> 

Answer 2

einfach diesen CSS hinzufügen Marge property..This außer Kraft zu setzen funktionieren

.faq__questions > li p { 
    margin: 0; 
}