jquery Toggleclass op div?

Door Roeltje M op 02-04-2013 20:49

2.791 views

Hey allemaal,

Ik heb de volgende code:

<?php
<div class='content closed'>
tekst
</div>

<script type="text/javascript">
$(".content").click(function () {
$(this).toggleClass("closed");
$(this).toggleClass("open");
});
</script>

?>

Nu werkt de toggleClass niet. Als ik in chrome kijk bij het klikken, dan verandert de class wel, maar schiet HEEEEL snel terug naar closed. Iemand een idee wat ik fout doe?

Frank Nietbelangrijk

02-04-2013 21:02

<?php
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<button>Toggle</button>
<p>Hello</p>
<p style="display: none">Good Bye</p>
<script>

$("button").click(function () {
$("p").toggle();
});
</script>

</body>
</html>
?>

Roeltje M

02-04-2013 21:07

Kan ik ook, wanneer ik op een div klik, dat deze uitklapt? (dus class 'open').

Frank Nietbelangrijk

02-04-2013 21:09


<html>
<head>
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script>
		$(document).ready(function() {
			$("button").click(function () {
				$(".content").toggle();
			});
		})  
    </script>
</head>
<body>
	<button>Toggle</button>
	<div class='content'>tekst</div>
</body>
</html>

[size=xsmall]Toevoeging op 02/04/2013 21:10:33:[/size]

je kunt de .click event aan ieder element hangen.

Roeltje M

02-04-2013 21:17

Ik heb het denk! event moet onmousedown zijn!

Reageren

Inloggen om te reageren