Подскажите модуль или компонент - Поиск компонентов, модулей, плагинов

Подскажите подобный модуль, блока, который раскрывается при нажатии, как я понял на javascript работает, хотя я не уверен.
Вот тут при нажатии кнопки "Смотреть весь список"
А так же может кто знает, вот такой калькулятор:

Заранее благодарю.

Подскажите подобный модуль, блока, который раскрывается при нажатии, как я понял на javascript работает, хотя я не уверен.
Вот тут при нажатии кнопки "Смотреть весь список"

Спойлер

[свернуть]

да, это js, расширения для этого не пишут

А так же может кто знает, вот такой калькулятор:

Спойлер

[свернуть]

подобные калькуляторы делают либо на различных универсальных компонентах форм либо (как на образце) это заказное решение

оффтоп:

Подскажите подобный модуль, блока, который раскрывается при нажатии, как я понял на javascript работает, хотя я не уверен.

Обычный спойлер, может работать и на JS и на чистом CSS, погуглите на тему спойлеров, их много решений разных.

Калькуляторы да, лучше подобные писать под конкретное ТЗ.

А кто может подсказать как переделать аккордеон чтобы он открывал текст поверх себя?

А кто может подсказать как переделать аккордеон чтобы он открывал текст поверх себя?

что значит "поверх себя"? Пример приведите

что значит "поверх себя"? Пример приведите

http://avalremont.ru/Tseni/
ну вот тут кнопка как аккордеон, только над кнопкой появляется текст, а кнопка вниз уезжает

Все просто, вот на том же сайте прямо в теле страницы код прописан (не есть хорошо, по хорошему надо вынести в файл с скриптами, но работает. Да и написан вперемешку jquery и ванильным JS, тоже плохо)

И на странице подключен инлайном еще вот такой код

По клику открывается скрытый div и меняется текст на кнопке

Все просто, вот на том же сайте прямо в теле страницы код прописан (не есть хорошо, по хорошему надо вынести в файл с скриптами, но работает. Да и написан вперемешку jquery и ванильным JS, тоже плохо)

Код: html4strict

<div class="text">видимый текст</div>
<div id="morekosmetic">Скрытый текст</div>
<button class="moretext" onclick="$('div#morekosmetic').slideToggle('slow');onoffchange(this);">Смотреть весь список</button>

И на странице подключен инлайном еще вот такой код

Код: html4strict

<script type="text/JavaScript">function onoffchange(cual){if(cual.innerHTML=='Свернуть'){cual.innerHTML='Смотреть весь список';}else{cual.innerHTML='Свернуть';}return false;}</script>

По клику открывается скрытый div и меняется текст на кнопке

Спасибо, но не подскажете как этот скрипт подключить, я просто в js не разбираюсь)?

<script type="text/JavaScript">function onoffchange - вставляете в индекс шаблона (при условии что на сайте подключен jquery)
А сам HTML спойлера пишите в материале (с отключенным редактором). Главное следить за тем, чтобы в пределах одной страницы ID=morekosmetic был уникальным.
То есть для каждого спойлера на странице указывать свой ID для объекта и в скрипте на onclick.

Но лучше бы переписать на универсальный вариант. В Google масса примеров с достаточно простым кодом https://www.google.com/search?q=jquery+%D1%81%D0%BF%D0%BE%D0%B9%D0%BB%D0%B5%D1%80&ie=utf-8&oe=utf-8