2016-08-09 3 views
0

私はフルスクリーンのナビゲーションメニュー(ページ上の要素へのアンカーリンク付き)を持った1ページのウェブサイトを持っています。私はそれを開く方法を知っていますが、リンクをクリックするとメニューを閉じる方法はありません私はこれを試してみましたが、動作していないようリンクをクリックするとフルスクリーンメニューを閉じるにはどうすればいいですか?

(function() { 
$('.hamburger-menu').on('click', function() { 
    $('.bar').toggleClass('animate'); 
}) 
})(); 

(function($) { 
    $(function() { 
    $('.toggle-overlay').click(function() { 
     $('aside').toggleClass('open'); 
    }); 
    }); 
})(jQuery); 

:: $( '脇李')

</head> 
<body> 
<aside> 
<div id="menu-logo"></div> 
<div class="hamburger-menu toggle-overlay"> 
     <div class="bar"></div> 
</div> 
<nav> 
<ul> 
    <li data-menuanchor="home"><a href="#home">Nosotros</a></li> 
    <li data-menuanchor="servicios"><a href="#servicios">Servicios</a></li> 
    <li><a href="#!">Proyectos</a></li> 
    <li><a href="#!">Cotizador</a></li> 
    <li><a href="#!">Contacto</a></li> 
</ul> 
</nav> 
</aside> 
<div id="content" class="fullpage"> 
    <section id="seccion-home" class="section up-scroll"> 
     <span class="background"></span> 
     <header> 
      <a href="#home" class="lg-principal"><span></span></a> 
      <div class="hamburger-menu toggle-overlay"> 
       <div class="blubar"></div>  
      </div> 

そして、これが私のjqueryのスクリプトです:私のナビゲーションメニューとhtmlです。 (click)、function(){ $( 'aside')。hide(); });

あなたは私の人、私は非常にnoobのウェブデベロップメントを助けることを願っています。私たちは、これが役立つかもしれ

野生の推測、

$('#menu li a').on('click', function(){ 
    $(".toggle-overlay").hide(); 
    $("aside").removeClass("open"); 
}); 

支援するため

+0

あなたがこれを理解するのに十分に説明していないので、私たちは分かりませんが、ポストされたコードから、 '$( 'aside')のようなものです。removeClass( 'open')'野生の推測 – adeneo

答えて

0

あなたのコードの多くを投稿してくださいが、これはあまりにも限られています。

関連する問題