2015-06-30 4 views
-1

У меня есть меню, которое, нажимая на один из его элементов, делится на или из. https://jsfiddle.net/uLjgyamw/1/Разделители не исчезают и исчезают

Однако код для затухания и выхода из строя дает мне проблемы при создании div-первого и внутреннего контейнера класса. Любой способ его решить?

JQuery:

$(document).on('click','#item1', function() 
{ 
    $("#container").fadeOut(1000, function(){ 
     $(".inner-container").hide(); 
     $("#first").show(); 
     $("#container").fadeIn(1000); 
    });  
}); 
+0

Можете ли вы быть немного более конкретно о том, что именно вы пытаетесь достичь? – JanR

+0

У вас нет класса 'inner-container' в вашем HTML. – EternalHour

+0

@JanR Я использую слайдер от imagelidermaker.com (я не знал, как представить его в JSFIDDLE), теперь все происходит нормально, но когда окно полноразмерное, слайдер не работайте, если я не удалю идентификатор first и class inner-container, но это остановит мою функцию fade in и fade-out. Я не знаю, можете ли вы помочь мне с такой низкой информацией, если не возможно, вы можете сказать мне, как представить imagelidermaker в jsfiddle, поэтому я могу подробнее рассказать о своей проблеме. – mikeb

ответ

1

использовать переключатель. он решит вашу проблему или если вы хотите, чтобы анимация переключилась, используйте toggleClass. и применить эффект в классе, а затем toggleclass оживит

примера: https://jsfiddle.net/kevalbhatt18/uLjgyamw/2/

и в первом клик вы хотите, чтобы показать то на # Первых нагрузки шкурой так # Первый при нажатии кнопки будет показано.

$("#container").css('display', 'none'); 
$('[id^=item]').click(function() { 
    $("#container").toggle(1000, function() { 
     $(".inner-container").toggle(); 
     $("#first").toggle(); 
    }); 

}); 

+0

проблема в том, что я хочу, чтобы разделители были спрятаны сначала и исчезать, если я нажму на первый элемент AAAA и исчезнет, ​​если я нажму на другой элемент, можно ли это сделать с помощью этой функции? – mikeb

+0

Разделители @mikebrand означают, что серые ящики? если да, то можно –

+0

да див, как? – mikeb

0

попробовать сделать так:

html($("#container")).fadeIn(1000);