дек
26
2015
Изучаем jQuery. Разворачиваемый спойлер
...прежде всего необходимо скрыть ответы и добавить новый элемент, который даст возможность пользователям отображать их, если они того пожелают. Необходимо, чтобы, когда они щелкнут на элементе, перед их глазами тут же появился соответствующий ответ.
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();
});
});