[jQuery] Problem with unordered list, effects and AJAX requesting
I hope this is the proper place for some help regarding on how to
accomplish my goal. If not, my apoligize..
My (X)TML-structure looks like this:
<body>
[...snip...]
<div id="top-content"></div>
<ul id="quickmenu">
<li class="show-content" id="webmail"><a href="link/to/webmail/
when/js/is/not/available">Webmail</a></li>
<li class="show-content" id="website"><a href="link/to/login/when/
js/is/not/available">Login</a></li>
<li class="show-content" id="news"><a href="link/to/new/when/js/is/
not/available">Latest news</a></li>
<li class="show-content" id="events"><a href="link/to/events/when/
js/is/not/available">Upcoming events</a></li>
</ul>
[.../snip...]
</body>
Now, with the following jQuery-code I could slideUp/slideDown the
content area where the AJAX-request result(s) should be displayed.
// quickmenu.js
$(document).ready(function(){
$('.show-top-content').click(function(e){
$("#top-content:visible", this).slideUp(1200);
$("#top-content:hidden", this).slideDown(1200);
});
});
Now, I have to bind (?) ajax calls to every id, and the results
should be displayed inside #top-content. The problem is that I have
more than one list items with id's, so how should my code look like
when I have to make the AJAX-calls to retrieve the needed information?
I hope someone is willing to help me out here...
Stefan
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/