jquery - 如何识别手风琴中的活动面板

Question

我在我的编码中使用 jQuery 手风琴。

我在手风琴中有 36 个面板，每个面板都有一个表格。

当我单击提交按钮时，我想以打开/活动面板的形式获取输入文本框中的内容。

如何识别打开的活动面板以提交相关表单？

Answer 1

<div id="accordion">
  <h3 class="panel-header" data-panel-no="1">Section 1</h3>
  <div>
    <p>
    Mauris 
    </p>
  </div>
  <h3 class="panel-header" data-panel-no="2">Section 2</h3>
  <div>
    <p>
    </p>
  </div>...
</div>

now with jquery onclick on class="panel-header" get the data-panel-no attribute value and store it in some temp variable.

var activePanel=-1;
$(function(){
   $(".panel-header").click(function()
    {
        activePanel = $(".panel-header").attr("data-panel-no").val();
    }
})

Hope this helps

Answer 2

每当我使用 javascript 来做这类事情时，我都会将“活动”类添加到当前选定的元素中。

$("a.navigation").click(function(e)
{
if($(this).is(".active")) return false;

$("a.navigation").removeClass("active");
$(this).addClass("active");

这样，总是很容易检测到什么被激活并对其采取行动。