Javascript 在jquery中使用.append发出问题

如果窗口小于768px，我尝试使用引导选项卡标记显示可折叠菜单/手风琴

每当每个

处于
都需要向内移动。我已成功地将添加到第一个
，但在单击每个
时，我无法使其移动即，只有第一个选项卡有效

当单击每个
时，如何使每个活动
附加到每个









它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。
Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。
以下是自1500年代以来使用的Lorem Ipsum的标准块，供感兴趣的人参考。西塞罗的“de Finibus Bonorum et Malorum”中的第1.10.32节和第1.10.33节也以其原始形式复制，并附有H.Rackham 1914年翻译的英文版本。

应该是一个简单的解决办法，但我卡住了！非常感谢您的帮助。
请使用.addClass（）而不是append（）或appendTo（）

AppendTo（）将匹配元素集中的每个元素插入到目标的末尾

例如：

<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
$( ".inner" ).append( "<p>Test</p>" );

问候语
你好
再见
$（“.inner”）。追加（“测试”
”；

您可以创建内容并一次将其插入多个元素中

我更改了您的示例：


它的工作很好，但你需要配置你的CSS

来源：


谢谢@Andre，虽然我不知道这对我有什么帮助。你看到了吗？刚刚看到你更新了。每个活动的
都需要在其下方显示每个选项卡窗格。目前只有第一个选项卡起作用。我的示例替换了div元素的类“.tab content”我想你错过了我想要实现的目标。我想我需要更好地解释它，尽管小提琴中的预览很公正。我需要在另一个div中移动一个div，而不是添加一个类。您基本上是从DOM中删除一个
，并将其附加到
，而不再跟踪在引导选项卡期间发生的类管理。因此，当您启动时，主页
将附加到主页
并激活。然后单击其他内容，但home仍然附加到它的
…谢谢@ethorn10。这正是正在发生的事情，尽管我能做些什么来修复？需要将其附加到活动li存在的任何位置。您需要编写自己的切换管理函数。从li中删除先前附加的div（初始加载时的主页）并将其放回
选项卡内容
div和正确位置，然后将
.active
divs与lis匹配的内容。这很可能不会很好。
<h2>Greetings</h2>
<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>
$( ".inner" ).append( "<p>Test</p>" );