Jquery slidetoggle not working?

Question

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

I'm just trying to make a small box slide from the div pictureControls, which acts like a button, but slideToggle does nothing - it's just some kind of glitches in place and back. Read a ton of other similar questions, none of which helped or applied.

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

Answer 1

slideToggle did not work because the table is not a block element. In the next update, I made it a block element (instead of display: none) and then hid it when loading a page using jQuery ...

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

Answer 2

Try copying a div, not a table:

http://jsfiddle.net/nKUgA/3/

 <div id="pictureControls" onclick="" title="Picture Controls" alt="Picture Controls"> <div id="pictureControlsWrapper"> <table id="pictureControlsMenu"> 

Since I was not sure what the HTML click function was doing and something else, I deleted them along with the stopPropogation statement.