jQuery slidetoggle不工作?

时间:2013-03-18 14:49:05

标签: jquery jquery-slide-effects

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

我只是试图让一个小盒子从作为按钮的pictureControls div向下滑动,但是slideToggle什么都不做 - 它只是故障到位并再次返回。阅读其他类似问题的 ton ,没有任何帮助或应用。

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

2 个答案:

答案 0 :(得分:11)

slideToggle无效,因为该表不是块元素。在下面的更新中,我把它变成了一个块元素(而不是display:none),然后用jQuery将它隐藏在页面加载中......

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

答案 1 :(得分:4)

尝试滑动div而不是表格:

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

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

由于我不确定HTML点击功能和其他事情的作用,我将它们与stopPropogation语句一起删除。