Hi,
Im trying to get a sliding down div, that pushes another div further
down as it slides. I created the following code. However, the 2nd div
doesnt appear at all. What is the proper way to say only the div with
class "x" should be affected? The basic tutorial doesnt really cover
this.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document.body).click(function () {
if ($("div.divblok1").is(":hidden")) {
$("div.divblok1").slideDown("slow");
} else {
$("div.divblok1").hide();
}
});
});
</script>
<link rel="stylesheet" href="stylesheet.css" type="text/css"
media="screen,projection" />
</head>
<body>
click me!
<div class="divblok1">
<a href="http://jquery.com/";>jQuery</a>
</div>
<div class="divblok2">
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla
bla
</div>
</html>
