0

首先,对不起,如果我不会说一口流利的英语。

div我的问题是当我单击使用 jQuery 的链接时如何制作幻灯片?

我有这个:

<script type="text/javascript">
    function slide(div) {
        if($(div).css('display') === 'none'){ 
            $(div).delay(300).slideUp(500);
            return false;
        } else { 
            $(div).delay(300).slideUp(500);
            return false;
        }  
    }
</script>

<a href="#" onclick="slide('#div1');">Click here</a>

<div id="div1" style='display: none'>
    this will show
</div>

有谁知道问题是什么?谢谢你

4

2 回答 2

0

这将修复你的功能,你总是在使用slideUp,这样display永远不会改变

function slide(div) {
    if($(div).css('display') === 'none'){ 
        $(div).delay(300).slideDown(500);
        return false;
    } else { 
      console.log('2');
        $(div).delay(300).slideUp(500);
        return false;
    }  
}

改为使用slideToggle

<a href="#" class="handler">Click here</a>

<div id="div1" style='display: none'>
    this will show
</div>

$('.handler').click(function() {
    $('#div1').slideToggle(500);
});
于 2013-01-12T03:11:57.763 回答
0

jQuery 的.slideUp()专门用于隐藏元素。

如果要专门显示 div,请使用.slideDown()显示。如果您想在显示/不显示之间切换,
也可以使用.slideToggle() 。

只需将您.slideUp(的 ' 更改为.slideDown('。

看到这个 jsFiddle

于 2013-01-12T03:16:50.360 回答