jQuery切片和双击按钮的问题

Question

我有一个jQuery脚本，它会在我的页面上切片特定的div。

HTML

<div class="col-sm-3 agg-item">
// code here
</div>

jQuery脚本

jQuery(document).ready(function(){
 jQuery(".agg-item").slice(0, 12).show();
 jQuery(".load-more").click(function(e){
    e.preventDefault();
    jQuery("div:hidden").slice(0, 24).show('fast');
    if(jQuery("div:hidden").length == 0){ // check if any hidden divs still exist
        jQuery(".load-more").hide();
    }
 });
});

加载更多按钮

<a class="load-more">Load more</a>

但是，在我的实际网站上（在本地工作正常）我有两个问题：

1. 我必须点击两次按钮
2. 该脚本仅在每次点击时显示一个新元素