Onclick iframe 높이 및 div 위치 변경

Question

내 웹 사이트의 iframe 미리보기를 원합니다. themeforest와 같은 것이 있습니다 (상단 네비게이션 + iframe).

높이가 50px이고 나머지 페이지는 iframe 인 # header-bar가 있습니다.

$('#demo').height($(window).height() - 50); 

내가 헤더 바을 위해 close button를 추가 할

, 그 기능이 될 것입니다 : 절대 최고 -50와 절대 최고 0에서 헤더 바의 onclick 변경 위치 그것을 위해 나는이 완벽하게 작동 jQuery를이 iframe의 높이를 전체 100 %로 변경합니다.

이 스크립트를 사용하려고하는데 작동하지 않습니다. 그 이유를 모르겠습니다.

$('.close-bar').click(function() { 
    $('#header-bar').css('top', - 50); 
    $('#demo').height($(window).height() - 0); 
}); 

제발 도와주세요. 제발 (CSS가 아닌) JS로 맞출 수 있습니까?

감사합니다.

Answer 1

구문에 문제가 있습니까? 당신이 숨기려면 당신은 jQuery를 애니메이션 또는 페이드 아웃

$('.close-bar').click(function() { 
    $('#header-bar').css('top', '-50px'); 
    $('#demo').height($(window).height() - 0); 
}); 

Answer 2

사용할 수 있습니다보십시오,이 도움이 jQuery documentation

$('.close-bar').click(function() { 
     //$('#header-bar').animate({}, 1000); 
     $('#header-bar').fadeOut('slow');    
     $('#demo').height($(window).height() - 0); 
});  

희망을 확인합니다.