Блог

Я хочу скрыть определенный элемент, когда раздел контактов становится активным при ПРОКРУТКЕ, иначе они должны быть видны. Как я могу это сделать с помощью 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>
  

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

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

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

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

});
  

});

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

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

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();
    }
})
  

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

 jQuery(window).scroll(function(){

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