дек
26
2015

Изучаем jQuery. Разворачиваемый спойлер

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

Samuel L. JacksonWill SmithMorgan Freeman

index.html
... 
<img src="pic1.jpg" class="spoiler">
<img src="pic2.jpg" class="spoiler">
<img src="pic3.jpg" class="spoiler"> 
...
script.js
$(document).ready(function(){
  $('.spoiler').hide();
  $('<input type="button" class="revealer" value="?"/>')
  .insertBefore('.spoiler');
  $('.revealer').click(function(){
    $(this).hide();
    $(this).next().fadeIn();
  });
});