Jquery Slidetoggle - 似乎无法让它开始关闭?

时间:2011-04-29 18:53:55

标签: jquery slidetoggle

我在单页网站上使用jquery slidetoggle。我一直试图弄清楚我的脚本出错了但似乎无法解决这个问题。我试图让幻灯片切换效果在页面打开时开始关闭,仅在单击时打开/关闭。现在,当页面打开时,幻灯片切换的每个部分都已打开:/任何帮助都将不胜感激。

<script type="text/javascript">
jQuery(function($) {
var openText = 'Open';
var closeText = 'Close';
$('.item-util .more-toggle').toggle(
    function() {
        $(this).html(closeText);
        $(this).parent().siblings('div').slideToggle('slow');
    },
    function() {
        $(this).html(openText);
        var returnTo = $(this).parents('.item');
        $.scrollTo(returnTo, {offset:{top:-150, left:0}, duration:600});
        $(this).parent().siblings('div').slideToggle('slow');
    }
  );
});
</script>

由于

2 个答案:

答案 0 :(得分:14)

将您要开始关闭的元素的样式设置为display:none,它应该有效...

答案 1 :(得分:1)

要让它从关闭开始,您需要将css设置为display: none;,以便您尝试滑动该元素。