Ich muss dem .dropdown-div einen Ease-Effekt hinzufügen, wenn es mit jQuery sichtbar wird, aber ich würde es auch gerne mit CSS machen. Irgendwelche Ideen? Dank im Voraus :)Mit jQuery den Effekt "easy out" hinzufügen
$('.btn').bind('click', function(){
\t $(this).parent().next('.dropdown').toggleClass('open');
});
.top,
.bottom {
background: #333;
height: 50px;
}
.dropdown {
height: 50px;
position: absolute;
color: black;
visibility: hidden;
}
.open {
position: relative;
visibility: visible;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="top">
<button class="btn">Show content</button>
</div>
<div class="dropdown">
<p>Hidden content</p>
</div>
<div class="bottom">
</div>
https://jsfiddle.net/319zd1sg/1/
Suchen Sie dieser Suchbegriffe? https://jsfiddle.net/319zd1sg/2/ –
Ihr Code lässt sich jedoch nicht schön umschalten. – rsn
geben .slideDown ('langsam'); ein gehen. – David