jQuery slidetoggle not working?

jquery jquery-slide-effects
temporary_user_name picture temporary_user_name · Mar 18, 2013 · Viewed 29k times · Source

http://jsfiddle.net/nKUgA/2/

I'm just trying to make a small box slide down from the pictureControls div which acts as a button, but slideToggle is doing nothing-- it just sort of glitches into place and back again. Read a ton of other similar questions, none helped or applied.

    $('#pictureControls').click(function(event) {
        $('#pictureControlsMenu').slideToggle(300);
        event.stopPropagation();
    });

Answer

Reinstate Monica Cellio picture Reinstate Monica Cellio · Mar 18, 2013

slideToggle wasn't working because the table is not a block element. In the following update I've made it a block element (instead of display:none), and then hidden it on page load with jQuery...

http://jsfiddle.net/nKUgA/4/

Related questions

jQuery slideDown of div overlay on image slideUp immediately

I'm trying to create an overlay on a image that slides in and out when hovering over the image. Same reason as this question - JQuery Text slideDown / slideUp Overlay on Image Keeps Bouncing?. I have placed my code in …

Read More
How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?

Mod note: This question is about why Postman is not subject to CORS restrictions in the same way an XMLHttpRequest is. This question is not about how to fix a "No 'Access-Control-Allow-Origin'..." error. Please stop posting: CORS configurations for every …

Read More