将两个特定的javascript函数组合成一个函数以达到预期的效果？

Question

如何将两个特定的javascript函数组合成一个函数以获得所需的效果？或者，如果有人有不同的解决方案，我对此持开放态度。

下面是使用jquery.easing.1.3.js使页面滚动到href锚url的JS/Jquery

    $(function() {
           $('a').bind('click',function(event){
                var $anchor = $(this);

                $('html, body').stop().animate({
                    scrollTop: $($anchor.attr('href')).offset().top
                }, 1500,'easeInOutExpo');
                event.preventDefault();
            });
        });

这是一个较旧的JS，用于隐藏/显示一系列div，只允许在任何给定时间显示一个div。

function NavigateSpecs(thechosenspec) {
    var SPEC = document.getElementsByTagName("div");
    for(var x=0; x<SPEC.length; x++) {
        name = SPEC[x].getAttribute("name");
        if (name == 'SPEC-2') {
              if (SPEC[x].id == thechosenspec) {
                    if (SPEC[x].style.display == 'block') {
                          SPEC[x].style.display = 'none';
                    }
                    else {
                          SPEC[x].style.display = 'block';
                    }
              }else {
                    SPEC[x].style.display = 'none';
              }
        }
     }
    }

我需要组合这两个函数，以便在单击链接时，浏览器将像第一个JS函数一样滚动到所需的锚点，并显示特定的div，同时隐藏具有类似id结构的任何其他div。

Answer 1

帮我试试这个。如果它失败了，我会更深入地研究它。

$(document).ready(function(){
  $(function(e) {
        $('a').bind('click',function(event){
        var $anchor = $(this);

        $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
        }, 1500,'easeInOutExpo');

            function NavigateSpecs(thechosenspec) {
            var SPEC = document.getElementsByTagName("div");
            for(var x=0; x<SPEC.length; x++) {
            name = SPEC[x].getAttribute("name");
            if (name == 'SPEC-2') {
            if (SPEC[x].id == thechosenspec) {
            if (SPEC[x].style.display == 'block') {
            SPEC[x].style.display = 'none';
            }
            else {
            SPEC[x].style.display = 'block';
            }
            }else {
            SPEC[x].style.display = 'none';
            }
            }
            }
            }

        event.preventDefault();
        });
    });
});