2009-07-07 5 views
2

Ich benutze Coda Slider auf meiner Seite. Sehen Sie hier:Jquery Div Verstecken bei Klick

http://www.ndoherty.com/demos/coda-slider/1.1.1/

Jede Registerkarte bewirkt, dass die Scheibe den Inhalt darin zu verschieben, wenn es angeklickt wird. Ich möchte etwas ELSE auf Klick geschehen. Wenn eine Registerkarte angeklickt wird, möchte ich, dass ein Bild im oberen Bereich der Seite in einem div mit dem Namen "#topleft" angezeigt wird. Der Einfachheit halber sollten wir uns nur auf dieses eine div konzentrieren, aber ich werde auch andere divs beim Klick aktivieren.

Ich dachte über die Einstellung der # topleft Div anzuzeigen: keine in der CSS, und Hinzufügen einer einfachen jquery-Funktion, die die # topleft Sichtbarkeit auf True festgelegt, wenn ein bestimmtes div geklickt wird. Also lasst uns das als Beispiel benutzen: Ich habe eine div # nav mit 5 divs drin (jede enthält ihre eigene nav-Verbindung). Wenn div #nav taba geklickt wird, möchte ich div #topleft erscheinen, und wenn ein anderer navlink (zB #nav tabb) angeklickt wird, möchte ich, dass er verschwindet. Kann jemand mir mit diesem ziemlich einfachen jquery Code helfen? DANKE SOOO VIEL!

Antwort

6

Verwenden Sie show() und hide().

etwas in der Art von:

$('#someTabLink').click(function() { 
    $('#someImage').show(); 
}); 

$('#someOtherTabLink').click(function() { 
    $('#someImage').hide(); 
}); 

oder mit toggle():

$('#someTabLink').click(function() { 
    $('#someImage').toggle(); 
}); 

Verwenden Anzeige CSS-Eigenschaft als um die Sichtbarkeit gegenüber, wenn Sie etwas wollen, um Ihre zunächst verborgen werden, wenn Laden von Seiten, wie die Methoden jQuery show, hide und toggle, funktionieren, indem Sie die Eigenschaft display css bearbeiten.

+3

Toggle http://docs.jquery.com/Effects/toggle können tun, was Sie brauchen, auch. – ajm

+0

@ajm - danke, fügte es der Antwort hinzu. – karim79

0

Könnten Sie so etwas wie dies in jQuery verwenden:

$("element").addClass("ClassName") 
    $("element").removeClass("ClassName") 

Um die Klasse zu entfernen, die es versteckt und die Klasse hinzufügen, die es reveales?

0

Um zu karim79 Vorschlag hinzufügen, können Sie mehrere Registerkarten-Links machen das #topleft div wie dies verbergen:

$('#tabb, #tabc, #tabd').click(function() { 
    $('#topleft').hide(); 
});