当视频播放时隐藏不相关的div

Question

当播放视频时，我想隐藏我的页面导航，就像播放按钮一样。 下面是成功地隐藏了播放按钮的脚本：

<script> 
$('.vid').parent().click(function() { 
if($(this).children(".vid").get(0).paused){ 
$(this).children(".vid").get(0).play(); 
$(this).children(".playpause").fadeOut(); 
}else{ 
$(this).children(".vid").get(0).pause(); 
$(this).children(".playpause").fadeIn(); 
} 
}); 
</script> 

而且这个剧本我试图隐藏我的导航栏：

<script> 
function vidplay() { 
var video = document.getElementById(".vid"); 
var button = document.getElementById(".playpause"); 
if (video.paused) { 
video.play(); 
$(".navbar").hide(); 
</script>  

Here's link to my site

Answer 1

尝试使用jQuery .toggle()函数;

$('.vid').parent().click(function() { 
    $(".navbar").toggle(); 
}); 

Answer 2

你没有关闭功能， if语句

<script> 
 
function vidplay() { 
 
    var video = document.getElementById(".vid"); 
 
    var button = document.getElementById(".playpause"); 
 
    if (video.paused) { 
 
    video.play(); 
 
    $(".navbar").hide(); 
 
    } 
 
} 
 
</script>