Question

I am trying to use jQuery + UI to hide a DIV and then show it again when clicking on a particular element.

$(".leftnav").click(function () {
  $(".rightnav").hide("slide", { direction: "down" }, 1000);
});

I have this so far: http://jsfiddle.net/452Yx/22/

I cant work out how to get the DIV to show again by clicking the same element.

Any ideas?

thanks

Mike

Answer 1

“I cant work out how to get the DIV to show again by clicking the same element.”

http://api.jquery.com/toggle/

$(document).ready(function(){

    $(".leftnav").toggle(function () {

        $(".rightnav").hide("slide", { direction: "down" }, 1000);

    }, function(){

        $(".rightnav").show();

    });

});