javascript - 页面上有多个 Accordion ？

我正在使用此手风琴... https://jsfiddle.net/y7czusd7/1/

    $(".tab_content").hide();
    $(".tab_content:first").show();

  /* if in tab mode */
    $("ul.tabs li").click(function() {

      $(".tab_content").hide();
      var activeTab = $(this).attr("rel");
      $("#"+activeTab).fadeIn();

      $("ul.tabs li").removeClass("active");
      $(this).addClass("active");

      $(".tab_drawer_heading").removeClass("d_active");
      $(".tab_drawer_heading[rel^='"+activeTab+"']").addClass("d_active");

    });
    $(".tab_container").css("min-height", function(){
      return $(".tabs").outerHeight() + 50;
    });
    $(".tab_drawer_heading").click(function() {

      $(".tab_content").hide();
      var d_activeTab = $(this).attr("rel");
      $("#"+d_activeTab).fadeIn();

      $(".tab_drawer_heading").removeClass("d_active");
      $(this).addClass("d_active");

      $("ul.tabs li").removeClass("active");
      $("ul.tabs li[rel^='"+d_activeTab+"']").addClass("active");
    });

如您所见，我尝试在同一页面上使用2，但是只有第一个可以正常使用，我如何解决这两个问题？

谢谢！

最佳答案

您需要在同一页面上使用唯一的DOM ID，以了解为什么它不起作用。

关于javascript - 页面上有多个 Accordion ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46969130/