Hi All,
I'm a newbie to jQ and would like to use it/implement for a site. The
goal i'm trying to achieve is similar to site
http://www.mariusroosendaal.com/ in appearance but in functionality i
would like it to load content via Request and then slide the box down
with the containing content while simultaneously closing any open ones.
Here's what i have so far:
<script>
$(document).ready(function(){
$("headline a").click(function(){
$(".content:visible").slideUp("slow");
$(this).parent().next().load("test.xml").slideDown("slow");
return false;
});
});
</script>
<body>
<headline><a href="#">Link</a></headline>
<div class="content">
<!-- Load this via HTTPRequest -->
</div>
<headline><a href="#">Link</a></headline>
<div class="content">
<!-- Load this via HTTPRequest -->
</div>
<headline><a href="#">Link</a></headline>
<div class="content">
<!-- Load this via HTTPRequest -->
</div>
</body>
Along with this if i change the xml <headline> tag to a <div> tag or
<h1> tag it stops working.. Any help is greatly appreciated!
