[jQuery] html() bij toggle()

Door Gerben Jacobs op 21-03-2009 10:59

1.148 views

Hallo,

Ik heb een toggle, maar nu wil ik dat de link die ik gebruik als opener veranderd van tekst.

Heb nu dit


	$("#profiel_wachtwoord").hide();
	$("#profiel_toonwachtwoord").click(function() {
		$("#profiel_wachtwoord").toggle();
		$("#profiel_toonwachtwoord").html('Annuleer');
	});

Op het moment dat je klikt opent ie #profiel_wachtwoord en veranderd hij de tekst van de link naar "Annuleer". Echter blijft dit natuurlijk staan op Annuleer..

Hoe kan ik zeg maar de html() ook togglen?

Niek Weevers

21-03-2009 11:18

Ik denk dat het ongeveer op de volgende manier kan.


$("#profiel_toonwachtwoord").toggleClass('eenclassnaam');
if($("#profiel_toonwachtwoord").hasClass('eenclassnaam')
{
$(this).html('Ene tekst');
}
else
{
$(this).html('Andere tekst');
}

Dan is een manier die ik zo kan verzinnen. Html toggelen kan niet dat ik weet

Gerben Jacobs

24-03-2009 22:52

Het is geen class.. Het is gewoon hide() en show().. maar omdat ik wil dat ie opent of sluit, afhankelijk van z'n huidige positie, met 1 link kan/moet ik dus een toggle() gebruiken.

Maar nu wil ik in die toggle dus Annuleer als ie open is en Open als ie dicht is..

Pieter Jansen

25-03-2009 02:54

waarom niet:


$("#profiel_wachtwoord").hide();

$("#profiel_toonwachtwoord").click(function() {
        $("#profiel_wachtwoord").show();
});
        
$("#profiel_wachtwoord").click(function(){
 $("#profiel_wachtwoord").hide();
});

Gerben Jacobs

25-03-2009 12:36

Merijn schreef op 25.03.2009 02:54

waarom niet:


$("#profiel_wachtwoord").hide();

$("#profiel_toonwachtwoord").click(function() {
        $("#profiel_wachtwoord").show();
});
        
$("#profiel_wachtwoord").click(function(){
 $("#profiel_wachtwoord").hide();
});

Omdat ie dan niet meer dicht gaat.

Edit: Bedenk me net, ik kan ook gewoon nog een link er bij maken. Maar dat is niet netjes.. Als iemand nog een oplossing weet, laat 't me weten..

Pieter Jansen

25-03-2009 14:08

Hoe bedoel je: hij gaat niet meer dicht? Hij wordt gewoon niet meer zichtbaar.

Als je op het wachtwoord klikt, verwijdert ie em gewoon. Anders zet je een span met een x erin, rechtsboven in je #profiel_wachtwoord.

En zat je daar je .hide op. Anders moet je de parameters van toggle er eens bij pakken.

Niek Weevers

26-03-2009 20:03

Gerben Jacobs schreef op 24.03.2009 22:52
Het is geen class.. Het is gewoon hide() en show().. maar omdat ik wil dat ie opent of sluit, afhankelijk van z'n huidige positie, met 1 link kan/moet ik dus een toggle() gebruiken.

Maar nu wil ik in die toggle dus Annuleer als ie open is en Open als ie dicht is..

Je kunt echt mijn manier gebruiken om de tekst te switchen bij een class open of dicht bijvoorbeeld.

Reageren

Inloggen om te reageren