показать/скрыть div на слайдере

У меня есть механик слайда, который работает, но у меня возникают проблемы с тем, чтобы div-класс nfooter спрятался при срабатывании механизма слайдов. Слайд срабатывает, когда пользователь нажимает на img src question.png.показать/скрыть div на слайдере

Я хотел бы, чтобы nfooter (это другое изображение) исчез, когда пользователь выбирает изображение question.png. Когда пользователь второй раз выбирает изображение question.png, следит механик слайда и показывает 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>

источник

2013-09-05 need2nobasis

Как насчет сделать скрипку, показывая вашу проблему. – Rex

Замечание: вы должны переместить теги '

Другой вариант

// When the DOM is ready, initialize the scripts. 
jQuery(function($) { 
    // Get a reference to the container. 
    var container = $(".container"), nfooter = $('.nfooter'); 
    // Bind the link to toggle the slide. 
    $("a").click(function(event) { 
     event.preventDefault(); 

     var visibility = container.is(':visible'); 
     container.slideToggle(300); 
     nfooter.toggle(visibility) 
    }); 
});

источник

2013-09-05 05:44:53

Когда я пробовал эту версию, два изображения появляются одновременно, вместо переключения, вместо переключения. – need2nobasis

@ need2nobasis см. Обновление –

Смежные вопросы