[jQuery] Re: click action effect/problem

[Legostrat]

I'd like to thank you guys again for the quick response, but for some
reason, both methods aren't working.  With the first method, when you
click on the containing div, in this case #twitter,  it reveals the
div with the content, #flwtwitter.  However, when you click on it a
second time it tries to minimize, but does it horizontally, and then
stops.  It never really hides again.  It jumps a bit also.  Maybe
this'll help:

        $("#twitter").click(function(e) {
                var $tgt = $(d.target);
                        if ($tgt.is("#flwtwitter")) {
                                return false;
                        }
                if($(this).find("#flwtwitter").is(':hidden')
                        {
                                $(this).animate(
                                        {
                                                width: "248px"
                                        }, 100, function()
                                                {
                                                
$(this).find("#flwtwitter").fadeIn("fast");
                                                }
                                        );
                        }
                else if ($(this).find("#flwtwitter").is(':visible'))
                        {
                                $(this).find("#flwtwitter").fadeOut("fast", 
function()
                                        {
                                                $(this).animate(
                                                        {
                                                                width: "120px"
                                                        }, 300)
                                        }
                                );
                        }
        });

I also tried the second method, and when clicking on the containing
div, nothing happens.

This is the same section of the jquery code with the second method:

        $("#twitter").click(function(event) {
                if (event.target.id != "#flwtwitter") return;
                if ($("#flwtwitter").is(':hidden'))//if quick menu isn't visible
                        {
                                $("#twitter").animate( //show menu on click
                                        {
                                                width: "248px"
                                        }, 100, function()
                                                {
                                                $("#flwtwitter").fadeIn("fast");
                                                }
                                        );
                        }
                else if ($("#flwtwitter").is(':visible'))  //if quick menu is
visible
                        {
                                $("#flwtwitter").fadeOut("fast", function()
                                        {
                                                $("#twitter").animate(
                                                        {
                                                                width: "120px"
                                                        }, 300)
                                        }
                                ); //hide menu on click
                        }
        });