将两个特定的javascript函数合并为一个函数以获得所需的效果

Combine two specific javascript functions into one function for desired effect?

本文关键字:函数 一个 两个 javascript 合并      更新时间:2023-09-26

如何将两个特定的javascript函数组合成一个函数以获得所需的效果?或者如果有人有不同的解决方案,我愿意接受。

这里是JS/Jquery使用Jquery . ease .1.3. JS使页面滚动到一个href锚url
    $(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,同时隐藏任何其他div与类似的id结构。

试试这个。如果失败了,我将深入调查一下。

$(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();
        });
    });
});