我在单页网站上使用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>
由于
答案 0 :(得分:14)
将您要开始关闭的元素的样式设置为display:none
,它应该有效...
答案 1 :(得分:1)
要让它从关闭开始,您需要将css设置为display: none;
,以便您尝试滑动该元素。