mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 04:41 Benutzername: Passwort: Auto-Login

Thema: jquery slideUp/slideDown vom 19.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> jquery slideUp/slideDown
Autor Nachricht
wipeout
Threadersteller

Dabei seit: 20.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Do 19.06.2008 15:40
Titel

jquery slideUp/slideDown

 Antworten mit Zitat Zum Seitenanfang
ich habe mehrere divs (news), die untereinander liegen. jeder div-bereich hat einen link
sobald ich auf einen bestimmten link klicke, soll im entsprechenden div mehr text gezeigt werden. geht soweit wunderbar mit jquery. aber nur solange ich einen div habe, sobald ich mehrere divs mit der selben klasse habe wendet er natürlich das script auf alle divs an. natürlich will ich da so nicht...aber ich komme auch leider nicht weiter, weil ich (noch) keine ahnung von js habe...vielleicht kann mir ja jemand helfen...

der html-code:
Code:
 <div class="news"><h1>Überschrift</h1>
  <p class="einleitung">Ein Text um neugierig zu machen <a href="#" class="slideToggle">Lesen Sie mehr</a></p>
    <p class="hidebox">Achtung! Dieser Blindtext wird gerade durch 130 Millionen Rezeptoren Ihrer Netzhaut erfasst. Die Zellen werden dadurch in einen Erregungszustand versetzt, der sich über den Sehnerv in dem hinteren Teil Ihres Gehirns ausbreitet. Von dort aus überträgt sich die Erregung in Sekundenbruchteilen auch in andere Bereiche Ihres Grosshirns. Ihr Stirnlappen wird stimuliert. Von dort aus gehen jetzt Willensimpulse aus, die Ihr zentrales Nervensystem in konkrete Handlungen umsetzt. Kopf und Augen reagieren bereits. Sie folgen dem Text, nehmen die darin enthaltenen Informationen auf wie ein Schwamm. Nicht auszudenken, was mit Ihnen hätte passieren können, wenn dieser Blindtext durch einen echten Text ersetzt worden wäre.<br />
      <a href="#" class="closeToggle">Wieder Schließen</a></p>
  </div>
   <div class="news"><h1>Überschrift</h1>
   <p>Ein Text um neugierig zu machen</p><a href="#" class="slideToggle">Lesen Sie mehr</a>
    <p class="hidebox">Achtung! Dieser Blindtext wird gerade durch 130 Millionen Rezeptoren Ihrer Netzhaut erfasst. Die Zellen werden dadurch in einen Erregungszustand versetzt, der sich über den Sehnerv in dem hinteren Teil Ihres Gehirns ausbreitet. Von dort aus überträgt sich die Erregung in Sekundenbruchteilen auch in andere Bereiche Ihres Grosshirns. Ihr Stirnlappen wird stimuliert. Von dort aus gehen jetzt Willensimpulse aus, die Ihr zentrales Nervensystem in konkrete Handlungen umsetzt. Kopf und Augen reagieren bereits. Sie folgen dem Text, nehmen die darin enthaltenen Informationen auf wie ein Schwamm. Nicht auszudenken, was mit Ihnen hätte passieren können, wenn dieser Blindtext durch einen echten Text ersetzt worden wäre.<br />
      <a href="#" class="closeToggle">Wieder Schließen</a></p>
  </div>


das script:
Code:

$(document).ready(function(){
   
   $("p.hidebox").hide();
   $("a.slideToggle").click(function(){
      $('p.hidebox').slideDown('normal');
      
   });
   
      $("a.closeToggle").click(function(){
         $('p.hidebox').slideUp('normal');   
   });

});



anstatt
Code:
$('p.hidebox').slideDown('normal');
könnte ich auch
Code:
$(this).next().slideDown('normal');
im script verwenden, problem ist aber da, dass ich dann nichts mehr formatieren kann, sprich: den link mit der klasse "slideToggle" kann ich nicht mehr im p-tag setzen sondern muss den link danach notieren, da bricht der link dann natürlich um und das will ich nicht...

danke!
  View user's profile Private Nachricht senden
wipeout
Threadersteller

Dabei seit: 20.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Fr 20.06.2008 08:51
Titel

Antworten mit Zitat Zum Seitenanfang
hat keiner eine idee?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 20.06.2008 15:06
Titel

Antworten mit Zitat Zum Seitenanfang
zeig das mal online... im zweifelsfalle nimm das accordion vno mootools... damit gehen mehrere bereiche einwandfrei
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
wipeout
Threadersteller

Dabei seit: 20.05.2005
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Di 24.06.2008 13:19
Titel

Antworten mit Zitat Zum Seitenanfang
yo, danke aber ich habe es noch mit jquery hinbekommen Lächel (dank eines kleinen tutorials, dass ich im netz gefunden habe)

mootools ist aber auch eine feine sache wie ich sehe
  View user's profile Private Nachricht senden
 
Ähnliche Themen script.aculo.us Effects.SlideUp - Problem mit Inhalt
Problem mit JavaScript Slidedown Menü?
[JavaScript] SlideDown-Menü mit Bugs...
jQuery Plugin - Slider als Input wie in jQuery UI
jquery - hide content in jquery object
jQuery 1.4
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB