Hallo, ich habe mir mit dem Royal-Slider Plugin eine Kleine Gallerie für meine Webseite gebaut. (Diese basiert auf jQuery)
Für die einzelnen Bilder möchte ich ein DIV-element ein- bzw. ausblenden, welches die EXIF Daten anzeigt.
Dafür habe ich mich an dem jQuery-Tutorial von html-Seminar orientiert: https://www.html-seminar.de/jquery-aus-u-einblenden.htm.
HTML
...
<div class="rsContent">
<img class="rsImg" src="img/full-width/1.jpg" alt="This text will be IGNORED!" /><img width="96" height="72" class="rsTmb" src="img/full-width/thumbs/1.jpg" alt="Baum">
<figure class="rsCaption">
<p class="exifssanzeigen">
<a href="#" class="exif-einausblenden">Titel des Bildes (x)</a>
</p>
<div class="exif-daten">
<p><b>EXIF-Daten</b><br>
Kamera: <em>Nikon d5100</em>, Brennweite: <em>35mm</em>, <br>
Blende: <em>f8</em>, Belichtungszeit: <em>1/100</em></p>
</div>
</figure>
</div>
<div class="rsContent">
<img class="rsImg" src="img/full-width/2.jpg" alt="This text will be IGNORED!" /><img width="96" height="72" class="rsTmb" src="img/full-width/thumbs/2.jpg" alt="Energie">
<figure class="rsCaption">
<p class="exifssanzeigen">
<a href="#" class="exif-einausblenden">Titel des Bildes (x)</a>
</p>
<div class="exif-daten">
<p><b>EXIF-Daten</b><br>
Kamera: <em>Nikon d5100</em>, Brennweite: <em>35mm</em>, <br>
Blende: <em>f8</em>, Belichtungszeit: <em>1/100</em></p>
</div>
</figure>
</div>
...
<script type="text/javascript">
$(document).ready(function(){
/* Hier der jQuery-Code */
$('.exif-einausblenden').click(function(){
$('.exif-daten').toggle('fast');
})
});
</script>
...Direkt nach dem Laden klappt das mit dem aus und einblenden super. Wechsel ich dann auf das zweite Bild, funktioniert es gar nicht mehr. Wechsel ich zum ersten Bild, zurück, kann ich das div auch nicht mehr einblenden.
Ich habe das Ganze hier mal Hochgeladen: klick mich
Woran könnte es liegen, dass das ganze nicht Funktioniert?
Über Hilfe wäre ich echt Dankbar.
Gruß
Torben