javascript - 简化 JS，因此不需要在脚本中硬编码哈希

Question

我正在尝试找到一种方法来简化此脚本，以便它不需要硬编码的哈希名称。因此，如果您添加一个带有哈希 mytest 的新链接和一个 ID 为 mytest 的 div，它将起作用，而无需访问脚本并将 mytest 添加到脚本中。希望我能清楚地表达我的问题。

非常感谢您帮助解决这个问题。

            jQuery(function($) {
              $('#menu-bottomnav li a').click(function(e) {
                e.preventDefault();
                animateSlider(this.hash);
              });

              function animateSlider(hash) {
                if (!$('#popups div.open').length) {
                  if (hash == '#bio') {
                    openPopup(hash);
                  }
                  if (hash == '#resume') {
                    openPopup(hash);
                  }
                } else {
                  if (hash == '#bio') {
                    openAndClose(hash)
                  }
                  if (hash == '#resume') {
                    openAndClose(hash)
                  }
                }
              }


              function openPopup(hash) {
                $(hash).slideToggle().addClass('open');
              }


              function openAndClose(hash) {
                if ($(hash).hasClass('open')) {
                  $($(hash)).slideToggle().removeClass('open');
                } else {
                  $('#popups div.open').slideToggle().removeClass('open');
                  $(hash).slideToggle().addClass('open');
                }
              }
            });

这里有一个工作示例 https://jsfiddle.net/a4y7z2fm/

Answer 1

像这样怎么样:

jQuery(function($) {
  $('#menu-bottomnav li a').click(function(e) {
    e.preventDefault();
    animateSlider(this.hash);
  });

  function animateSlider(hash) {
    $('.open').slideToggle().removeClass('open');
    $(hash).slideToggle().addClass('open');
  }
});