title: On click function not working for dropdown menu (JavaScript)
body: <pre><code>(&quot;.menu_nav&quot;).click(function(){
          
          gsap.to(&quot;.hiddenmenu&quot;, .5, { opacity:1, height:&quot;100%&quot;});
          $(&quot;.menu_nav img&quot;).attr(&quot;src&quot;, &quot;...&quot;).addClass(&quot;menu_close&quot;);
          $(&quot;.menu_nav&quot;).css({ 'color': 'white'});
          gsap.to(&quot;.center&quot;, .4, { opacity:1, visibility:&quot;visible&quot;, delay:.6});
          
      });
      
      
       $(&quot;.menu_close&quot;).click(function(){
          
          gsap.to(&quot;.hiddenmenu&quot;, .5, { opacity:0, height:&quot;0%&quot;});
          $(&quot;.menu_nav img&quot;).attr(&quot;src&quot;, &quot;...&quot;);
          $(&quot;.menu_nav&quot;).css({ 'color': 'white'});
          gsap.to(&quot;.center&quot;, .4, { opacity:0, visibility:&quot;hidden&quot;, delay:.6});
          
      });
  </code></pre>
  <p>For privacy purposes I removed the src. Whenever I want to close the drop down menu the menu close functionality does not work. When I hit menu it does open but does not close.</p>