Как сделать раскрывающийся текст (картинки)?

[Alfa2015]

Здравствуйте!

Подскажите, как можно сделать раскрывающийся текст (картинки)? 

Допустим, идут картинки, а под ними кнопка "Показать еще", при нажатии на кнопку появляются еще картинки. 

И как бы это сделать еще и на bootstrap...

Схема такая:

 

Спасибо.

[Нарек]

bootstrap тут вообще не причем.

Правильный вариант это ajax загрузка, которая не будет грузить сайт до предела при первой загрузке.

Не правильный вариант (или если не хочется заморачиваться, если картинок мало) это скрыть все последующие, и потом показать по клику на ссылку.

[Alfa2015]

bootstrap тут вообще не причем.

 

Сайт на bootstrap'е -- вот и спросила...Может, там есть такая фишка, как раскрытие блока или текста... 

[wwt]

Сайт на bootstrap'е -- вот и спросила...Может, там есть такая фишка, как раскрытие блока или текста...

 

Если картинок, которые должны быть изначально скрыты, не много, то можно сделать так:

 

html

<a href="#" id="link">показать ещё</a><div id="content" style="display:none;"><img><img><img></div>

javascript (jQuery)

$(function(){  $('#link').click(function(e){    e.preventDefault();    $('#content').slideToggle();  });});

[sigma77]

Сайт на bootstrap'е -- вот и спросила...Может, там есть такая фишка, как раскрытие блока или текста... 

http://getbootstrap.com/javascript/#collapse

 

Если картинок много, то как уже сказали, целесообразнее аякс.