动态向jQuery手风琴部分添加内容

Question

标题可能暗示有重复的迹象，但问题当然不是。

如果重复，请通过发布问题的相关链接将其关闭。

现在这里是我的问题的描述->

我创建了一些看起来像这样的html（这只是非常大的代码的一小部分）。

HTML内容如下：-

<div class="s">
    <div class="bmargin">
        <label for="sip" > Source IPv6 Address </label>
        <input type="text" name="sip" id="sip" required  placeholder="hello" autofocus/>
    </div>

    <div class="bmargin marginl">
        [Default : Link-layer]
    </div>

    <div class="bmargin">
        <label for="dip"> Destination IPv6 Address </label>
        <input type="text" name="dip" id="dip" placeholder="FF02::1"/>
    </div>

    <div class="bmargin marginl">
        [Default : All Node Multicat Address]
    </div>
  </div>

现在，我还创建了一个手风琴，当单击高级单选按钮时会显示该手风琴：-

手风琴Jquery代码如下所示：

 $(document).ready(function() {
    $("#stack").accordion({ heightStyle:"content", fillspace: true,
                                    icons: {'header': 'ui-icon-plus', 'headerSelected':    
     'ui-icon-minus'},collapsible: true, active:false});

HTML的手风琴内容：

<div class="advanced" id="stack">

<h3> <a href="#"> Network Interface Layer </a> </h3>
<div class="nlayer">
    This section is reserved for future
</div>

<h3> <a href="#" id="ilayer"> Internet Layer </a></h3>
<div class="ilayer">
<!--    <?php // require 'common_ilayer.html' ?> 
-->
</div>

<h3> <a href="#"> Transport Layer </a></h3>
<div>reserved for future</div>

<h3> <a href="#"> Application Layer </a></h3>
<div>reserved for future</div>

</div>

我需要的是我想显示相同的html div class =“ s” ，它最初显示是代替php的 ，它要求单击Internet层时出现“ common_ilayer.html” 。

我需要实现的是这样的图像（如下图所示）..但不创建任何重复的节点。 首先，php require / include似乎可以正常工作，但这确实会创建重复的代码，并且服务器可能会在发布时变得混乱，因为将有两个具有相同ID的元素。

我也尝试过这个jQuery代码，但这没有帮助

 $('#ilayer').live("click",function(){
            $(".s").show();
    });

注意：请不要建议我在元素中添加不同的ID并通过php包括它们。 我希望相同的内容出现在工具基本部分中出现的手风琴Internet层部分中的所有相同字段中。

任何帮助表示赞赏...

谢谢

Answer 1

将#ilayer在页面加载时保留#ilayer空。

单击复选框移动div.s节点：

$('#basic').click(function(){
    var $div = $('div.s');
    $('#basicDialog').append( $div );
});

$('#advanced').click(function(){
    var $div = $('div.s');
    $('#ilayer').append( $div );
})

Answer 2

 $('#ilayer').live("click",function(){
       $('.ilayer').html($(".s").html());
 });

也许我不明白您的问题对，但是您想要.ilayer内容中的.s内容对吗？