動作しているスライド メカニックがありますが、スライド メカニックがトリガーされたときに 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>