Я хочу скрыть элемент, когда li становится активным при прокрутке

Question

Я хочу скрыть определенный элемент, когда контактный раздел станет активным в SCROLL, иначе они должны быть видимыми. Как это сделать, используя JQuery.

<ul class="nav navbar-nav navbar-right navmenu">  
    <li data-menuanchor="home" class="active"> 
     <a href="#home"><span>HOME</span></a> 
    </li> 
    <li data-menuanchor="page"> 
     <a href="#page"><span>ABOUT US</span></a> 
    </li> 
    <li data-menuanchor="gallery"> 
     <a href="#gallery"><span>PROJECTS</span></a> 
    </li> 
    <li data-menuanchor="aboutus"> 
     <a href="#aboutus"><span>VIDEO</span></a> 
    </li> 
    <li data-menuanchor="contact" class="cont"> 
     <a href="#contact"><span>CONTACT</span></a> 
    </li> 
</ul> 

Answer 1

Считаете, что вы хотите скрыть участок проектов, когда контактная секция станет активной. Добавьте класс «proj» к проекту <li>.

$ (функция() {

$(".cont").click(function() { 

    $(".proj").css("display","none"); 

}); 

});

Answer 2

$(".navmenu li").click(function(){ 
    if($(".cont").is(":focus"){ 
     $(".particular element").hide(); 
    } 
    else{ 
     $(".particular element").show(); 
    } 
}); 

Answer 3

Вы можете попробовать что-то вроде этого также:

https://jsfiddle.net/tejashsoni111/8jdoLjnq/

jQuery(".nav li a").click(function(){ 
    jQuery(".nav li").removeClass('active'); 
    var parentLi = jQuery(this).parent('li'); 
    parentLi.addClass('active'); 
    if(parentLi.data('menuanchor') == 'contact'){ 
     jQuery("#element").hide(); 
    }else{ 
     jQuery("#element").show(); 
    } 
}) 

Update: Вы можете достичь этого путем обработки события прокрутки. Что-то вроде этого: https://jsfiddle.net/tejashsoni111/8jdoLjnq/1/

jQuery(window).scroll(function(){ 

    if (jQuery(".cont").hasClass('active')){ 
     jQuery("#element").hide(); 
    }else{ 
     jQuery("#element").show(); 
    } 
})