Function within a function jquery

Question

I need to run 2 functions upon one click event and can't figure out how to nest them.

Currently both work if run separately but not together.

This function closes my menu after click.

$(document).on('click','.navbar-collapse.in',function(e) {
  if( $(e.target).is('a') ) {
    $(this).collapse('toggle');     
  }
});

And this function scrolls to my specific anchors.

function scrollToAnchor() {
  if($(".jquery-anchor").length > 0 && document.URL.indexOf("#") >= 0){  
    var anchor = document.URL.split("#")[1];
    $(".jquery-anchor").each(function() {
      if($(this).attr("name") == anchor) {
        $("html,body").animate({
          scrollTop: $(this).offset().top - 50},
          'slow');
      }
    });     
  }
}


$(function() {
  $("a[href*='#JDG']:not([href='#'])").click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
      && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 30 //offsets for fixed header
        }, 1000);
        return false;
      }
    }
  });

  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
    var target = $('#'+location.href.split("#")[1]);
    if (target.length) {
      $('html,body').animate({
        scrollTop: target.offset().top - 30 //offset height of header here too.
      }, 1000);
      return false;
    }
  }
});

I can't figure out how and where to place the top function within the click event below. This is possible right?

$("a[href*='#JDG']:not([href='#'])").click(function() { 
});

PeterKA · Accepted Answer · 2014-10-17 13:46:45Z

5

Remove return false from both functions

edited Oct 17, 2014 at 13:46

PeterKA

24.7k5 gold badges28 silver badges52 bronze badges

answered Oct 17, 2014 at 13:37

Jasper Seinhorst

1,0746 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

PeterKA Over a year ago

+1 You want to explain why for the benefit of others @JasperSeinhorst?

Jasper Seinhorst Over a year ago

return false will prevent other handlers to execute

Collectives™ on Stack Overflow

Function within a function jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related