Guten Tag, zuerst sei schon einmal gesagt ich bin ein Anfänger und versuche zu lernen.
Ich versuche mich seit kurzem an Bootstrap und JavaScript. Ich habe so gut wie keine Foren Erfahrung also penetriert mich nicht direkt.
Ich versuche eine Accordion Funktion nachzubauen, bei der ich auf ein Bild klicke und der container darunter eingeblendet wird, sprich er sollte am Anfang schon ausgeblendet sein.
Gibt es eine Möglichkeit die Klasse "closed" umzuändern zu "open" ?
Oder gibt es eine andere Smoothe Variante um Zusatzinformationen ein/auszuklappen?
Folgendes ist gegeben:
CSS
-------------------HTML----------------
<div class="py-5">
<div class="container">
<a href="#!"><img src="..." alt="" /></a>
</div>
<div class="container closed">
<div class="text">
<p></p>
<img/>
</div>
</div>
</div>
-------------------CSS----------------
.container.closed { display: none ;}
.container.open { display: block !important;}
-------------------JS----------------
$(document).ready(function(){
$(".py-5 .container a").click(function(){
[?]
});
});
Alles anzeigen