Как оживить показать скрытый div в jquery?

Question

Тупой вопрос, но я не могу понять это.

У меня есть DIV и скрыть его при загрузке страницы, как так

$("e").hide(); 

тогда, когда пользователь лица определенное действие Я хочу ДИВ живой или скользить вниз изящно. Но на моем сайте анимация просто вспыхивает и ботирует скрытый div, а эффекты fade или slideDown не появляются.

Я использую

$("#e").hide(); 
    $("#p").change(function(){ 
     if($("#p").val() === 'Married') 
     { 
      $("#e").slideDown(500); 
     }else{ 
      $("#e").slideUp(500); 
     } 
}); 

Answer 1

вы можете использовать animate сделать такой же предмет animate подобный этот ...

$("#e").hide(); 
$("#p").change(function(){ 
    if($("#p").val() === 'Married') 
    { 
     $("#e").animate({ "opacity": "show", top:"100"} , 500); 
    }else{ 
     $("#e").animate({ "opacity": "show", top:"150"} , 5000); 
    } 
}); 

скользить вверх и вниз, вы можете играть с высотой и шириной DIV ....

Answer 2

Используйте функцию Toggle для того, чтобы сделать это.

$("#p").toggle(function(){ 
    // Your toggle code here 
}); 

Answer 3

Вы можете использовать Animate Animate простой пример:

$("#p").animate({ opacity: 0 }, 600).prependTo($list); 

где список родителю

и она отлично работает со всеми браузерами

Answer 4

Почему просто не $("#e").fadeOut(250); или что-то?

Answer 5

Вместо:

{ 
    $("#e").slideDown(500); 
} else { 
    $("#e").slideUp(500); 
} 

написать следующее:

$("#e").toggle(500); 

Это покажет или скрыть DIV. Это 1 линейное решение.