Добавить Div после существующего скрытого Div с помощью JQuery

Question

У меня есть div # fancybox-content, который скрыт, пока не будет нажата эскиз, а затем появится всплывающее окно div.

Я хочу добавить еще один DIV # video-desc после # fancybox-content, поэтому содержимое # video-desc будет отображаться под ним, когда оно появится.

У меня есть этот код

<script type='text/javascript'> 
jQuery(document).ready(function($){ 
$('#video-desc').insertAfter('#fancybox-content') 
}); 
</script> 

он не кажется, работает, хотя, это потому, что ДИВ скрыта? как бы я только запускал это событие после того, как # fancybox-content будет видимым?

Answer 1

Попробуйте?

if($('#fancybox-content').is(':hidden')) { 
    //do nothing 
} 
else { 
    $('#video-desc').insertAfter('#fancybox-content') 
    //Or 
    //$('#video-desc').show(); whatever   
} 

обновление 10/13/2013

Другой подход:

Поскольку ваш DIV скрыт, как только Javascript получить казнены, он не может найти скрытые DIV.

Использование дисплея: нет/блок вместо скрытой

изменить '# FancyBox-контента' поле CSS DIV для отображения: нет по

$('#fancybox-content').css("display", "none"); 

вы также можете написать

$('#fancybox-content').css("display", "block"); 

, чтобы показать это.