Javascript 嵌套手风琴-在手风琴内添加锚定链接和手风琴

当尝试创建嵌套的手风琴时，是否可以使用jquery在另一个手风琴中创建锚定链接和手风琴

例如，在我的代码中，accordion内容有

，accordion标题有

代码是

外层
内部部分//手风琴头
//手风琴内容
内莫里斯

您需要将

链接

和

内部手风琴

放在

li

标签内。我已经更新了你的密码。现在检查一下

<div id="outer-accordion">
     <h3>Outer Section </h3>
     <!-- I need to add anchor link here and not an accordion. Is this possible -->
     <ul>
       <li><a href="www.google.com">LINK</a></li>
       <li>
       <!-- inner accordian -->    
         <div id="inner-accordion" >

           <h3>Inner Section </h3>
          <div>
            <p>Inner Mauris <a href="www.google.com">LINK</a>.</p>
          </div>

        </div>
        <!-- inner accordian --> 
       </li>
     </ul>
</div>

外层



内断面
内莫里斯

您需要什么？您的JSFIDLE似乎可以工作。取消注释行

您可以参考此示例，该示例没有嵌套的手风琴我需要类似的东西，因为我的外部手风琴由1个锚链接和1个内部手风琴组成。所以我不知道如何继续

<div id="outer-accordion">
     <h3>Outer Section </h3>
     <!-- I need to add anchor link here and not an accordion. Is this possible -->
     <ul>
       <li><a href="www.google.com">LINK</a></li>
       <li>
       <!-- inner accordian -->    
         <div id="inner-accordion" >

           <h3>Inner Section </h3>
          <div>
            <p>Inner Mauris <a href="www.google.com">LINK</a>.</p>
          </div>

        </div>
        <!-- inner accordian --> 
       </li>
     </ul>
</div>