[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="free">

<a class="tip" id="cover" title="Спойлер мини-профиля в топиках">
  <div id="icon"></div>
  <img src="https://i.gyazo.com/ecd6439194989f0d01f9cb19d0465dca.png" class="postimg">
  <img src="https://i.gyazo.com/1b63f923cea223909e458f1a8dab7ca7.gif" class="postimg">
</a>

<div id="cover-block">
Дата: 27.01.2021<br>
Автор: <a href="/profile.php?id=6774" target="_blank">satsana</a><br>
Бесплатный скрипт<br>
Описание: Скрипт скрытия полей мини-профиля в топиках, адаптированный для работы при включенной опции отправки сообщений с помощью ajax. Поддерживает разные форматы кнопок (картинка, текст, блок со стилем), имеет несколько режимов работы.
</div>

</div>

<style>
#port-block1.free #cover {
    height: 400px;
    text-align: center;
}
#port-block1 #cover img {
    max-height: 100%;
    width: auto;
}

.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #26af33;
background-color: rgba(38,175,51,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]

код и описание

Идеей для этого скрипта послужил скрипт Deff'а "Cпойлер cкрытия Инфы под N-кнопок в Профиле Топика". Однако, код скрипта написан полностью с нуля, с учётом текущих особенностей платформы Mybb.ru

Особенности скрипта или "а зачем вообще нужно было писать ещё один":
- Скрипт срабатывает не только после загрузки сраницы, он также работает с новыми сообщениями, подгружаемыми в тему при включенной в "Правах" опции "Разрешить ajax для предпросмотра и отправки сообщения".
- Кнопки спойлеров могут быть оформлены не только картинками. Поддерживаются также текстовые надписи и пустые блоки, оформляемые средствами css. Причём разные виды кнопок можно использовать одновременно.
- Скрипт имеет следующие дополнительные настройки: возможность расположить кнопки непосредственно над сворачиваемыми блоками, возможность оставлять открытыми все развёрнутые блоки, возможность отображения при загрузке страницы одного из блоков (любого, порядковый номер блока указывается в настройках), возможность отобразить все кнопки (даже если соответствующие части из них блоки окажутся пустыми), регулировка скорости сворачивания-разворачивания блоков.
- При установке кнопок картинками разметка будет аналогична скрипту "Cпойлер cкрытия Инфы под N-кнопок", так что вам не придётся менять стиль оформления.
- У кнопок теперь есть класс, соответствующий их порядковому номеру. При использовании одновременно кнопок-картинок и кнопок надписей можно прописать отдельные стилевые настройки для тех и других. Примеры селекторов css будут приведены ниже.

Код скрипта устанавливается в блок "HTML верх" (в разделе "Формы"):

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

Для настройки скрипта необходимо расположить во вкладках поля профиля в том порядке, в котором они должны быть выведены. Неиспользованные поля (удалённые или закомментированные двумя косыми чертами в начале строки) будут выведены под спойлером.
Каждая вкладка имеет параметры name и img - это название и картинка её кнопки. Для использования кнопки-картинки необходимо заполнить параметр img - название (если оно есть) в этом случае будет выводиться над кнопкой при наведении. Для использования в качестве кнопки надписи оставьте параметр img пустым и заполните только название.
Также вы можете оставить оба поля пустыми и оформить стилем пустую надпись или указать в параметре img значение "/i/blank.gif", чтобы получить пустую картинку с отображением надписи-названия при наведении - её вы также можете оформить средствами css.

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

Примеры css-селекторов для оформления вкладок и кнопок:

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.