Javascript jQuery-增加显示的元素

我的JQ代码有一些问题

默认情况下，我只能显示UL列表中的4个元素。但若我点击“显示更多”元素，我必须显示UL列表中的+4个以上（+4）元素

有人知道我怎么做吗

对不起，我的英语不好：(

这是我的代码：

$(document).ready(function() {
    $('ul#Galeria > li:gt(3)').css( "display", "none" );
    $( ".readmore > a" ).click(function() {
        $("ul#Galeria > li:gt(3)").fadeIn("slow").show();
        $(".readmore").css('display', 'none');
        return false;
    });
});

---

您没有在框架和扩展菜单中选择jQuery。因此，这段简单的代码可以工作：

$('ul#Galeria > li:gt(3)').fadeOut(0);
$( ".readmore > a" ).click(function() {
    $("ul#Galeria > li:gt(3)").fadeIn("slow");
});

---

KyleK是正确的。您需要选择jQuery。我为您的脚本做了一个更通用的示例，允许您单击“阅读更多”，直到所有项目都显示出来，并设置每次单击要显示的项目数。希望这对您有所帮助

var displayCount = -1; // tracks how many are showing
var readMoreIncrement = 4; // number of items to show at each increment
var liTotal = $("ul#Galeria li").length; // total number of items in list
console.log("liTotal: "+liTotal);
readMore();
$(".readmore > a" ).click(readMore);
function readMore () {
    displayCount += readMoreIncrement;
    console.log("displayCount: "+displayCount);
    $('ul#Galeria > li:gt(' + displayCount + ')').css( "display", "none" ); // hides items that are not ready to be shown
    $("ul#Galeria > li:lt(" + (displayCount + 1) + ")").fadeIn("slow").show(); // shows the next set of items
    if(displayCount >= (liTotal - 1)) $(".readmore").css('display', 'none'); // hides read more link when all items are shown
    return false;
}

---

演示：

请在您的问题中包含代码。链接到JSFIDLE是不够的，系统没有告诉您吗？可能是重复的