[jQuery] timed show/hide event
I have a simple show/hide event that displays a div when the user
clicks on the appropriate link.
I want to apply animation to this so that the show/hide event will be
automatically triggered every 4 seconds.
Here is the jQuery:
<code>
$(document).ready(function(){
$("#click1").click(function () {
$("#design").show();
$("#custom").hide();
$("#balance").hide();
$("#elegant").hide();
});
$("#click2").click(function () {
$("#design").hide();
$("#custom").show();
$("#balance").hide();
$("#elegant").hide();
});
$("#click3").click(function () {
$("#design").hide();
$("#custom").hide();
$("#balance").show();
$("#elegant").hide();
});
$("#click4").click(function () {
$("#design").hide();
$("#custom").hide();
$("#balance").hide();
$("#elegant").show();
});
});</code>