Javascript 使用“加载更多”按钮将新div加载到现有div中

我想喜欢一些插件只有一件事必须是不同的有2个2 div的链接我想在那里展示例子10 div，但只有一个按钮像“加载更多”，我怎么能做到这一点

html

CSS

---

你可以这样做

创建“加载更多”按钮

<a href="javascript:void(0);" id="loadmore">Load More</a>

工作示例

---

附言：你可能想在结尾显示“不再有内容”。这可以通过一个简单的if-else条件来实现

单击鼠标，你想要所有的10个div？我就是想要！！非常感谢你！

$(document).ready(function() {
    $('.link').click(function() 
                     {
        var id = $(this).attr('href'); 
                         $('#inner').fadeOut('slow', function() {
            $('#inner').html($(id).html());
            $('#inner').fadeIn('slow');


        })
    })
})

#hideMsg{
    text-align:center;
    padding-top:10px;
}

<a href="javascript:void(0);" id="loadmore">Load More</a>

 var count = 1;
    $('#loadmore').click(function() {
        $('#inner').fadeOut('slow', function() {
            $('#inner').html($("#hidden" + count).html());
            $('#inner').fadeIn('slow');
            count++;
        })
    });