problema con funcion js

[lare]

Saludos..

estoy intentando hacer una web 'one page' la cual tiene todas las paginas dentro, esta consta de un menu que llama el id que quiero mostrar con su clase css ej

Código HTML:

<a href="#intro" >
							<div class="icon-home2"></div>
							<div class="menu-item">
								Hom<span class="item-hide">e</span>
							</div>
						</a> 

quise agregar un efecto y encontre una funcion js para ello es la siguiente

Código:

$(function(){
  $('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
    && location.hostname == this.hostname) {
		var as = this.hostname+this.pathname;
		var $target = $(this.hash);
      $target = $target.length && $target
      || $('[name=' + this.hash.slice(1) +']');
      if ($target.length) {
        var targetOffset = $target.offset().top;
		$('html,body').stop().animate({scrollTop: targetOffset}, 900)
       return false;
      } 
    }
  });
});

pero esta funcion se mueve por href y quiero condicionar que se mueva por onclic() o cuando cundo en el menu se pulse otra cosa.

creo que me di a entender

gracias de ante mano y espero me puedan ayudar.