Jquery en conditional statements
Moe BE
17/06/2010 17:07:43Ik probeer met een if...else structuur te achterhalen in welke toestand mijn div zich bevind. Als mijn div 75px breed is en ik klik op deze div zou deze moeten vergroten naar 150px, maar als deze 150px breed is, moet hij verkleinen naar 75px.
Ik hoop dat dat een beetje duidelijk is.
Hoe doe ik dit?
Ondertussen ook al met toggle geprobeerd, maar dat is precies ook niet echt wat ik zoek
Ik hoop dat dat een beetje duidelijk is.
Hoe doe ik dit?
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$(document).ready(function() {
$("div").click(function(){
if($(this).css("width") == "75px")
function(){$(this).animate({width: '150px'}, 2000);
else
function(){$(this).animate({width: '75px'}, 2000);
});
});
$("div").click(function(){
if($(this).css("width") == "75px")
function(){$(this).animate({width: '150px'}, 2000);
else
function(){$(this).animate({width: '75px'}, 2000);
});
});
Ondertussen ook al met toggle geprobeerd, maar dat is precies ook niet echt wat ik zoek
Gewijzigd op 17/06/2010 17:20:07 door Moe BE
PHP hulp
23/11/2024 09:20:53Chris -
17/06/2010 17:14:44Aangezien ik een held ben met jQuery (not) maar wel de basis er van weet, denk ik dat ik je op weg kan helpen.
Van het element (je div dus) kun je de style ophalen (getStyle?). Met een "onclick"-event kun je de breedte ophalen, en vervolgens de breedte aanpassen (setStyle).
Heb je op dit moment al code? Plaats deze dan in je beginpost zodat we daar naar kunnen kijken =)
Van het element (je div dus) kun je de style ophalen (getStyle?). Met een "onclick"-event kun je de breedte ophalen, en vervolgens de breedte aanpassen (setStyle).
Heb je op dit moment al code? Plaats deze dan in je beginpost zodat we daar naar kunnen kijken =)
Is het niet handiger om gewoon een class d'r aan te hangen? Dan kan je weer met hasClass kijken of die er is en welke toestand die div zich dan in bevind.
Pim -
17/06/2010 19:13:04Moe BE
17/06/2010 20:15:50@Pim: in plaats van zo te reageren, zou jij beter eerst mijn vraag eens lezen.
@Karl: merci, ik zal dat morgen eens proberen.
@Karl: merci, ik zal dat morgen eens proberen.
Richard van Velzen
17/06/2010 20:31:31Ga alsjeblieft eerst leren hoe JavaScript werkt, dan zou je deze code meteen weggooien.
http://javascript.crockford.com/
http://javascript.crockford.com/