1

動作しているスライド メカニックがありますが、スライド メカニックがトリガーされたときに nfooter の div クラスを非表示にするのに問題があります。ユーザーが img src question.png をクリックすると、スライドがトリガーされます。

ユーザーが question.png 画像を選択すると、nfooter (別の画像) が消えるようにしたいと思います。ユーザーが question.png 画像を 2 回目に選択すると、スライド メカニックが非表示になり、nfooter が表示されます。

繰り返しますが、スライド メカニックは正常に動作しています。nfooter と question.png をうまく再生できません。

<pre>
<script type="text/javascript">

    // When the DOM is ready, initialize the scripts.
    jQuery(function( $ ){

    // Get a reference to the container.
    var container = $( ".container" );


    // Bind the link to toggle the slide.
    $( "a" ).click(
    function( event ){
    // Prevent the default event.
    event.preventDefault();

    // Toggle the slide based on its current
    // visibility.
    if (container.is( ":visible" )){

    // Hide - slide up.
    container.slideUp( 300 );

    } else {

    // Show - slide down.
    container.slideDown( 300 );

    }
    }
    );

    });

    </script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>

<body>
<a href="#"><img src="../question.png" /></a>
<div class="nfooter"></div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='swipe.js'></script>

<div class='container'>
<div class='inner'>
    </div>
    </div>
</pre>
4

2 に答える 2

2

単純に非表示にして表示しようとしましたか:

if (container.is( ":visible" )){
    // Hide - slide up.
    container.slideUp(300, function(){ $('.nfooter').show(); });
}
else 
{
    // Show - slide down.
    container.slideDown(300, function(){ $('.nfooter').hide(); });
}
于 2013-09-05T05:32:07.217 に答える