Как сделать разворачивание блоков?

Question

[ssawyer]

Нужно сделать разворачивание блоков на сайте. В гугле попадается разворачивание одного блока (аккордеон), а нужно как на скринах. Сначала видны блоков, по нажатию на кнопку подгружается еще 5 и текст на кнопке меняется на свернуть.
Каким образом это можно реализовать?

До клика по кнопке:


Когда кликнули развернуть:

Comments

[Алексей]

Предложите ваш вариант для начала как вы пробовали решить эту задачу и что не так работает

[ssawyer]

Алексей,

$(document).ready(function(){
  $('.more-functions').click(function(){
  
          $('.content').slideToggle('slow');
          if( $(this).hasClass('active') )
              $(this).html('Все функции <i class="icon icon-arrow_mini-down"></i>');
          else
              $(this).html('Свернуть <i class="icon icon-arrow_mini-up"></i>');
      
      $(this).toggleClass('active');
  });

});

Вот вариант, с ним разобрался. Но теперь осталась проблема с локализацией русского текста. Локализация будет производится плагином Wordpress php функцией. Но ее сюда не вставить и поэтому ищу решение.

[Noder SS]

Можно методом с массивами. Могу попробовать сделать