如何在jQuery accordion中获取所选项目的值并显示它？

我正在使用jQuery手风琴，并参考了

单击我的部分（标题）中的项目时，我希望以以下格式显示：

我的标签中的第#->项作为文本（如面包屑）显示

我试着搜索它，我得到了一个使用的线索

var active = $('.selector').accordion('option', 'active'); 

但是我不知道怎么用这个。我不熟悉jQuery

我的代码如下：

           $(function () {
                $("#accordion").accordion({
                    heightStyle: "content"
                });  
            }); 
        </script>  

                        <div id="accordion">
                            <h3>
                                Section 1</h3>
                            <div>
                                <asp:LinkButton ID="LinkButton1" runat="server">Item 1</asp:LinkButton> 
                                <br /><br />
                                <asp:LinkButton ID="LinkButton3" runat="server">Item 2</asp:LinkButton> 
                            </div>
                            <h3>
                                Section 2</h3>
                            <div>
                                 <asp:LinkButton ID="LinkButton2" runat="server">Item 3</asp:LinkButton> 
                                 <br /><br />
                                 <asp:LinkButton ID="LinkButton4" runat="server">Item 4</asp:LinkButton> 
                            </div> 
                        </div> 

<asp:Label runat="server" ID="lbl_selectedValue"  ></asp:Label>

$（函数（）{
$（“手风琴”）。手风琴({
高度样式：“内容”
});  
}); 
第一节
项目1



项目2
第二节
项目3



项目4

这里

试试这个

 $(function () {
    $("#accordion").accordion({
                heightStyle: "content"
    });  

    var activeAccordion=$( "#accordion" ).accordion( "option", "active" );
    $('#lbl_selectedValue').text($("#accordion h3").eq(activeAccordion).text()); //"OR $('#lbl_selectedValue').html(activeAccordion);

    $(".accordion-header").on("click", function() { 
         var activeClickAccordion=$( "#accordion" ).accordion( "option", "active" );
         $('#lbl_selectedValue').text($("#accordion h3").eq(activeClickAccordion).text());
    })
 });     

已更新

给你的标签一个类，并尝试它

<asp:Label runat="server" ID="lbl_selectedValue"  class="lbl_selectedValue"></asp:Label>

请尝试以下代码：-

$("#accordion").bind("click", function() {

    alert($("h3[aria-expanded='true']",this).text());

});

或

---

我试过用这个。我的手风琴不起作用，代码也不起作用。所有的标题都已展开且不可折叠，但仍然无法获取要标记的值。但手风琴正在发挥作用。谢谢你的努力。请让我知道如何解决此问题。在页面加载时，值为0，单击项目时保持不变。我按照你的建议做了。在页面加载时，我在标签中看到“Section 1”。但在单击所有项目后仍保持不变。单击项目时，我需要项目名称和节名称。这是我用过的代码。让我们看看这不起作用。我每天都会收到一个空白的消息框time@Vishwajeet：谢谢。这就是我一直在寻找的，第二个在jQuery-v3.2.1和jQueryUI-v1.12.1中对我有用。

<asp:Label runat="server" ID="lbl_selectedValue"  class="lbl_selectedValue"></asp:Label>

$('.lbl_selectedValue').text($("#accordion h3").eq(activeAccordion).text());

$("#accordion").bind("click", function() {

    alert($("h3[aria-expanded='true']",this).text());

});

$("#accordion h3").bind("click", function() {

    alert($(this).text());

});