zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden per Klick bestimmtes div anzeigen lassen und Rest ausblenden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.06.2011, 10:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.06.2011
Beiträge: 1
Deffi befindet sich auf einem aufstrebenden Ast
Standard per Klick bestimmtes div anzeigen lassen und Rest ausblenden

Hallo Zusammen,

ich bin leider ziemlich schlecht im Programmieren. Ich habe folgendes Problem/Ziel.

Ich habe eine CSS Klasse box, von dieser Box gibt es mehrere Instanzen mit einer eindeutigen id z.B. <div id="1" class="box"></div>

So ich möchte jetzt, dass sobald ich auf einen Link der Klasse linkliste klicke der jeweilige Inhalte des zugehörigen divs angezeigt wird und alle anderen ausgeblendet werden.
<li class="linkliste"><a href="#">Link 1 </a></li>
mit onclick="$('#1').show()" kann ich zwar dem Link sagen, welches div angezeigt werden soll, aber mir fehlt die Funktion die dem ganzen sagt, dass die anderen divs wenn man klickt ausgeblendet werden sollen.
Kann mir hier jemand auf die Sprünge helfen, wie ich das umsetzen kann?

Danke für eure Hilfe im Voraus!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.06.2011, 16:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

So sollte es gehen.
Code:
$('.box').hide($('#1').show);
__________________
... Meine Meinung
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.06.2011, 14:09
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2006
Beiträge: 414
Maxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer MenschMaxefix ist ein sehr geschätzer Mensch
Standard

Mit jQuery? Nein Als ersten Parameter erwartet hide() die Dauer der Animation. Aber die Idee an sich ist schon richtig. Einfach alles ausblenden und deine gewünschte Box wieder einblenden:
Code:
$('.box').hide();
$('#box1').show();
IDs dürfen übrigens nicht mit Zahlen anfangen.

Gruß,
Max
Mit Zitat antworten
  #4 (permalink)  
Alt 14.06.2011, 10:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 29.07.2005
Beiträge: 1.073
xm22 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Als ersten Parameter erwartet hide() die Dauer der Animation.
Allerdings überschneidet sich bei Deinem Code ide Aus- und Einblend-Animation

So hier funktioniert es:
Code:
jQuery('.box').hide(100, function() {jQuery('#box1').show()})
__________________
... Meine Meinung
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 19:29
DIV bei Klick einblenden, andere ausblenden Schneemann Javascript & Ajax 3 12.09.2006 18:58
Bilder per DIV / CSS schützen CSSHelp CSS 3 03.03.2006 15:41
Div mit fester breite und Rest = 100% Mr.Right CSS 27 20.10.2005 16:56
Grafik in einem div - Bottom anzeigen jojo CSS 2 13.09.2005 20:33


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:23 Uhr.