Некоторое время назад воткнул в блог плагин «Simple Spoiler», функция которого ясна из его названия – скрывать/показывать что-нибудь (текст, картинки и всё остальное) зажатое между спец-тегами. Всё бы хорошо, но показывает/скрывает он выбранный контент моментально (читай – резко), а плавные движения всё-таки рулят, поэтому вот этот товарищ плагин слегка переделал (по моей просьбе, кстати) … за это его сейчас и попиарим.
С названием адаптированного плагина особо не заморачивались и назвали его «Not Simple Spoiler», это его официальная страница – там написано как установить, как использовать и как подключить. Дабы этот пост не был таким мелким, сделаю тут примерно тоже самое.
И так, что бы подключить плагин нужно сделать следущее:
1. Скачать плагин
2. Скопировать его в wp-content/plugins
3. Активировать через админку
4. И воткнуть следующий скрипт в файл header.php вашего шаблона:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<?script type='text/javascript' language='Javascript'>
$(document).ready(function (){
var i = 0;
$('a.href-slide').click(function (){
$(this).parent().find('.panel').slideToggle('fast');
var st = $(this).attr('show');
var ht = $(this).attr('hide');
if (i == 0){$(this).empty().append(ht); i = 1;} else {$(this).empty().append(st); i = 0;}
return false;
})
});
</script>
Результат использования может быть, например, такой ↓
Как-то так. А хорошие примеры использования спойлеров можно увидеть в некоторых предыдущих записях.
