1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var news = 2;
hidenews = "- Скрыть архив новостей";
shownews = "+ Показать архив новостей";
 
$(".archive").html( shownews );
$(".news:not(:lt("+news+"))").hide();
 
$(".archive").click(function (e) {
   e.preventDefault();
   if ($(".news:eq("+news+")").is(":hidden")) {
      $(".news:hidden").show();
      $(".archive").html( hidenews );
   } else {
      $(".news:not(:lt("+news+"))").hide();
      $(".archive").html( shownews );
   }
});

html

1
2
3
4
<div class="news">Первая новость</div>
<div class="news">Вторая новость</div>
<div class="news">Третья новость</div>
<a class="archive" href="#"></a>

источник: css-tricks.com

Оставьте свой комментарий