2012-05-16 5 views
0

http://jsfiddle.net/studioband/pG87G/6/ Эта ссылка отдельно от веб-сайта, который я проектирую. Мне удалось заставить работать show/hide и slide toggle, вы можете увидеть это, когда вы нажимаете ссылки «информация о проекте» или «подписаться».Показать/скрыть несколько разделов по функции щелчка

Проблема в том, что мне нужен один div, чтобы закрыть, когда другой открыт с той же анимацией переключения. Я хочу сохранить это, когда связанная ссылка на ссылку, например. «информация о проекте» закрывает обнаруженный div, как он сейчас делает.

Я исследовал и нашел сообщения с подобной проблемой, но не смог найти правильное решение, которое работает с jquery 1.7+.

ответ

2

Хийя демаhttp://jsfiddle.net/PquXL/showилиhttp://jsfiddle.net/PquXL/

Я использую цепочку здесь, Это поможет :) так что теперь «один DIV, чтобы закрыть, когда другие работают с той же тумблером анимацией» Le мне знать, если Я что-то пропустил.

Пожалуйста, избегайте использования двух готовых документов, ура!

Jquery код

/* PROJECT REVEAL DIV*/ 
/* SUBSCRIBE REVEAL DIV*/ 
$(document).ready(function(){ 

     $(".slidingDiv").hide(); 
     $(".show_hide").show(); 

     $(".slidingDiv_subscribe").hide(); 
     $(".show_hide_subscribe").show(); 

    $('.show_hide').click(function(){ 
     //$(this).toggle(); 
     $(".slidingDiv_subscribe").slideUp(); 
     $(".slidingDiv").slideToggle(); 
    }); 


    $('.show_hide_subscribe').click(function(){ 
     //$(this).toggle(); 
     $(".slidingDiv").slideUp(); 
     $(".slidingDiv_subscribe").slideToggle(); 
    }); 



});​ 
+0

Большое вам спасибо за вашу помощь, вы легенда! Есть ли способ замедлить анимацию, когда один сместится, а затем спустится? – studioband

+0

Hiya @studioband рад, что это помогло, ** Не забывайте принимать ответ **, да загляните в '.delay()' API или API-интерфейс задержки для .slideUp и Down': http://api.jquery.com/slideUp/ ** и ** http://api.jquery.com/delay/ ** или ** http://stackoverflow.com/questions/3833076/jquery-slideup-delay- then -услуги-не-рабочие, ура! –

0

Напишите функцию javascript, связанную с вашим событием.

Внутри функции получите идентификатор элементов div, которые вы хотели бы скрыть/показать и использовать для выполнения соответствующих действий.

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