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 に答える