{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Блоги: заметки с тегом Блог", "_rss_description": "Автоматически собираемая лента заметок, написанных в блогах на Эгее", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": false, "_itunes_explicit": "no", "home_page_url": "https:\/\/blogengine.ru\/blogs\/tags\/blog\/", "feed_url": "https:\/\/blogengine.ru\/blogs\/tags\/blog\/json\/", "icon": false, "authors": [ { "name": "Илья Бирман", "url": "https:\/\/blogengine.ru\/blogs\/", "avatar": false } ], "items": [ { "id": "136270", "url": "https:\/\/alexandertokarev.ru\/all\/spoiler-for-aegea\/", "title": "Требуется помощь кодера", "content_html": "

Вы веб-кодер? Вас-то мне и нужно! Мне требуется прикрутить к блогу нормальные спойлеры: они периодически бывают нужны, а в движке «Эгея» соответствующего функционала нет и, насколько я понимаю, никогда не будет. Как должен выглядеть толковый, правильный спойлер, я уже знаю: нашёл его в одном новостном издании, и этот дизайн мне кажется превосходным. Задача в том, чтобы написать для него правильный HTML, CSS и JavaScript.<\/p>\n

Поскольку я не кодер и не умею писать скрипты, я попробовал пообщаться на эту тему с чатботом GPT-4o mini, объяснил ему задачу и попросил написать код. Он это сделал, но результат получился кривым и неполным. Сколько я ни объяснял и сколько не указывал на ошибки — всё, как об стенку горох, он так ничего и не исправил; лишь снова и снова предлагал мне те же самые неработающие варианты, в чём сам и признался в конце концов.<\/p>\n

Короче, моё терпение иссякло. Образец того, что мне удалось выжать из GPT, доработанный напильником, см. ниже. Как я и говорил, этот вариант имеет косяки, которые мне бы хотелось устранить. Если вы — кодер и готовы помочь, пожалуйста, сообщите на почту<\/a> или в телеграм<\/a>, сколько будет стоить допилить спойлер с вашей помощью.<\/p>\n

Техзадание<\/h2>\n

Мне нужен спойлер со следующим поведением:<\/p>\n

1) спойлер разворачивается при нажатии на длинную кнопку, на которой находится произвольный текст (его я буду менять в зависимости от контекста) и стрелочка вниз. До и после спойлера — горизонтальная линия.
\n2) после нажатия на кнопку под ней разворачивается содержимое спойлера. Текст на кнопке меняется на «Свернуть»; стрелочка вниз меняется на стрелочку вверх. (Сейчас стрелки после нажатия кнопки не отображаются.)
\n3) при повторном нажатии на кнопку спойлер сворачивается, а текст на кнопке и стрелочка возвращаются в исходное состояние (т. е. меняются на исходный текст + стрелочку вниз).
\n4) спойлер должен быть адаптивным: на десктопах кнопка должна находиться ДО содержимого спойлера, а на смартфонах — ПОСЛЕ содержимого спойлера. (Сейчас этого не происходит: кнопка всё время сверху.)<\/p>\n

Предполагаю, что вам проще написать код с нуля, чем править чужой, но если нужны исходники HTML, CSS и JavaScript, сообщите, я их предоставлю.<\/p>\n

Спойлер, который требуется доработать<\/h2>\n