mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:41 Benutzername: Passwort: Auto-Login

Thema: JQuery Slide: Button und Content unabhängig? vom 04.09.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> JQuery Slide: Button und Content unabhängig?
Autor Nachricht
craep
Threadersteller

Dabei seit: 14.04.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst So 04.09.2011 16:59
Titel

JQuery Slide: Button und Content unabhängig?

Antworten mit Zitat Zum Seitenanfang

Hallo.
Ich versuche einen Slide mit Jquery zu realisieren, fange jedoch gerade erst an damit zu arbeiten und habe daher keinerlei Erfahrung. Mein bisheriger Code (den ich per googlen gefunden und dann geklaut und ein bisschen angepasst habe) lautet folgendermaßen:

JavaScript/JQuery:
Code:

   <script>
      $(document).ready(function() {
               
         $('.form_button').click(function () {
            var trigger = $(this);
            var content = $(this).next();
            content.slideToggle('fast', function() {
               if(content.is(':hidden')) {
                  trigger.text('Ordner1');
               } else {
                  trigger.text('Ordner1');
               }
               
            });

         });
      });
   </script>


HTML:
Code:

<div class="ordner1_button">Ordner 1</div> 
<div class="ordner1_content">
lalalalalala
</div>


CSS
Code:

.ordner1_button   { 
         font-weight: bold;
         cursor:pointer; 
         margin-top: 10px;
         margin-bottom: 5px
   } 
   
.ordner1_button:hover   { 
         color: #2199FF;
   }
   
.ordner1_content   { 
         display:none;
         margin-left: 13px;
          margin-bottom: 15px;
   } 


Das Problem an der Sache ist, dass das nur funktioniert wenn der div button und der div content direkt aufeinander folgen, es darf dazwischen nicht mal mehr ein </div> stehn. Es wäre super wenn mir jemand sagen könnte, wie ich es so umprogrammieren kann, dass button und content völlig unabhängig von einander stehen können.

Gruß Craep


Zuletzt bearbeitet von craep am So 04.09.2011 17:00, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst So 04.09.2011 17:07
Titel

Antworten mit Zitat Zum Seitenanfang

Als schnelle erste Hilfe (bin auch kein jQuery Experte) tippe ich auf diesen Part, als Verantwortlichen:
Code:
var content = $(this).next();

Probier mal stattdessen:
Code:
var content = $('.ordner1_content');
  View user's profile Private Nachricht senden
Anzeige
Anzeige
craep
Threadersteller

Dabei seit: 14.04.2011
Ort: -
Alter: -
Geschlecht: -
Verfasst So 04.09.2011 17:14
Titel

Antworten mit Zitat Zum Seitenanfang

Wow super, das tut tatsächlich! Vielen dank für die schnelle Antwort!
  View user's profile Private Nachricht senden
DerM

Dabei seit: 18.01.2009
Ort: -
Alter: 42
Geschlecht: Männlich
Verfasst So 04.09.2011 17:27
Titel

Antworten mit Zitat Zum Seitenanfang

http://jsfiddle.net/feMad/

Kannste ja wieder kopieren.. Aber besser wäre lernen!
  View user's profile Private Nachricht senden
 
Ähnliche Themen jquery - hide content in jquery object
Kleines OpenSource Javascript erweitern (Content-Slide)
Problem mit Jquery Fx.Slide (mootolols)
jQuery slide selber basteln
Simple JQuery Image Slide Show with Semi-Transparent Caption
Suche jQuery Content Switcher
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.