برای ایجاد لینک آیتم های بیشتر برای لیست های بلند می توانید از کد jquery زیر استفاده نمایید.
<html>
<head><title>Test</title></head>
<body>
<ul class=”more”>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
<li>nine</li>
<li>ten</li>
</ul>
<script type=”text/javascript” src=”/jquery-1.3.1.js”></script>
<script type=”text/javascript”>
$(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>
سایر مقالات مرتبط :
- آشنایی با بهترین نرم افزار CRM
- بررسی بروکرهای کارگزاریهای آلپاری فارکس و فیبوگروپ
- نکات کاربردی در مورد طراحی ویلا
- خدمات آرایشگاه داماد تهران بکس
- مقایسه بهترین برندهای اینورتر و درایو
- آشنایی با آقای پرداخت، پرداختیار بانکی مرکزی و شاپرک + مزایای آن
- بهترین ابزارهای سئو سایت با یاسئومی
- طراحی سایت فروشگاهی وردپرس با کدنویسی!
- قیمت تقریبی و مشاوره جهت اطلاع دقیق از طراحی وب سایت فروشگاهی و اختصاصی
- زمینه های کاری مناسب برای یک برنامه نویس پایتون
- اهمیت سئو در دیده شدن و موفقیت کسب و کارها
- خرید شیبا از صرافی ارز دیجیتال
