Accordion mit Jquery
Hab ein Accordion mit Jquery zusammengebaut – man kann sich hier mal den Code anschauen und kopieren wer es braucht!
Die Struktur vom HTML gebe ich hier auch mal vor damit auch die IDs korrekt angesprochen werden können!
Hier mal der Jquery Code:
$(document).ready(function(){
$(“#sliderrahmen .bodytext”).hide();
$(“#sliderrahmen .csc-header-n1″).next(“.bodytext”).show();
$(“#sliderrahmen .csc-header”).click(function(){
$(“#sliderrahmen .bodytext”).hide();
$(this).next(“#sliderrahmen .bodytext”).slideToggle();
});
});
Und die Struktur dazu wäre:
<div id=”sliderrahmen”>
<div><h1 class=”csc-header csc-header-n1″>Überschrift</h1></div>
<p class=”bodytext”>Bodytext</p>
<div><h1 class=”csc-header”>Überschrift</h1></div>
<p>Bodytext</p>
</div>
Das geschulte Auge wird sofort erkennen das der Code von TYPO3 ist – und genau so ist es auch!
Danke das Sie diesen Artikel gelesen haben. Sie können nun eine Nachricht hinterlassen oder bestellen den RSS Feed.
Comments
No comments yet.
Leave a comment