Javascript div之间的导航和div的创建之间的一些问题

我有一个div

.content

，里面有两个div（

.content-1

，

.content-2

）

.content

中的每个div只能有两个段落

因此，如果所有的

已经有两个段落，我想创建一个新段落，将新添加的段落放在那里

但是，我有两个问题：

->在

之间导航和创建

之间的一些问题

->当我单击添加一个新段落时，

已经有两个段落，但仍在添加

我这里有一个工作示例：

html:

尝试在

return$（this.children（“p”）.length处添加
“p”
2;

jshiddle
谢谢！但是，如果您的解决方案中添加了更多的div，则导航将无法正常工作@奥斯卡：“但是如果你的解决方案中添加了更多的div，那么导航就不能正常工作！”？可以描述“导航无法正常工作”？当添加更多div时，然后下一次单击导航（左、右链接）清除添加的div。@guest271314我相信他说的是单击“左”和“右”链接。@ndd是的，可以将
a
元素添加到每个新创建的
.content
div
<div id="container">
    <div class="content">
        <div class="content-1">
            <a class="left" href="">Left</a>
            <a class="right" href="">Right</a>
            <p>P1</p>
            <p>P2</p>
        </div>
        <div class="content-2">
            <a class="left" href="">Left</a>
            <a class="right" href="">Right</a>
            <p>P3</p>
        </div>
    </div>
</div>

$(document).ready(function() {
    $(".left").click(function() {
        $(this).parent().hide();
        $(".content-" + getCurrIndex(this, true)).show();
        return false;
    });
    $(".right").click(function() {
        $(this).parent().hide();
        $(".content-" + getCurrIndex(this, false)).show();
        return false;
    });
});