طراحی آیتم های بیشتر برای لیست های بلند توسط jquery

برای ایجاد لینک آیتم های بیشتر برای لیست های بلند می توانید از کد jquery زیر استفاده نمایید.

<html>

<body>

<li>three</li>

<li>seven</li>

<li>eight</li>

</ul>

$(function() {

$(“ul.more”).each(function() {

$(“li:gt(4)”, this).hide(); /* :gt() is zero-indexed */

$(“li:nth-child(5)”, this).after(“<li class=’more’><a href=’#’>More…</a></li>”); /* :nth-child() is one-indexed */

});

$(“li.more a”).live(“click”, function() {

var li = $(this).parents(“li:first”);

li.parent().children().show();

li.remove();

return false;

});

</script>

</script

</body>

</html>