Закрыть ... [X]

Как в html сделать чтобы раскрывался

DLE FAQ » Все вопросы » jQuery » Как сделать так, чтобы спойлер раскрывался не вниз а вверх?

вопрос Имеется спойлер, как сделать так, чтобы спойлер раскрывался не вниз а вверх? За ранее спасибо. Собственно вот код: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <div class="spoiler-wrap">
<div class="spoiler-head folded"><div class='uSpoilerButton'><center>Спойлер :)</center></div></div>
<div class="spoiler-body">
<div class='uSpoilerText'>Текст под спойлером</div>
</div>
</div> <script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.spoiler-body').hide()
jQuery('.spoiler-head').click(function(){
jQuery(this).toggleClass("folded").toggleClass("unfolded").next().toggle()
})
})
</script>.uSpoilerButton {width: 100%;border: none;background: #FFF;padding: 9px;color: #3f3f3f;cursor: pointer;margin-top: 3px;margin-bottom: 3px;margin-left: 35.5%}
.uSpoilerButton:hover {background: #f5f5f5}
.uSpoilerText {padding: 5 5 5 5px}

 

1

8

2 как в html сделать чтобы раскрывался

4

2

2

2

4

1

2

2

9

3

Последние события

Загрузка. Пожалуйста, подождите...

наверх


Источник: https://dle-faq.ru/faq/jquery/11888-kak-sdelat-tak-chtoby-spoyler-raskryvalsya-ne-vniz-a-vverh.html


Как сделать, чтобы при наведении на элемент раскрывалось меню


Как в html сделать чтобы раскрывался

Похожие новости


Органайзер своими руками в школу
Завить волосы в домашних условиях чем
Как в фотошопе сделать эффект печати
Чем обновить фасады кухни своими руками
Техника своими руками




ШОКИРУЮЩИЕ НОВОСТИ