Есть множество примеров спойлеров, которые скрывают-показывают контент.
Но, возникла необходимость показывать-скрывать контент в тексте, в той же строке.
Подходящий пример кода не встречал и поиском не нашел.
То, что хотелось бы получить -покажу на изображениях...
Сейчас используется следующий код спойлера:
<dl class="ht-spoiler"><dt><a href="javascript: void(0);" onclick="var spoiler = this.parentNode.parentNode.getElementsByTagName('dd')[0]; if ( spoiler.style.display == 'none' ) { $(spoiler).slideDown(); $(spoiler).fadeIn('slow'); this.innerHTML = ' [−] {TEXT2}'; } else { $(spoiler).slideUp(); $(spoiler).fadeOut('slow'); this.innerHTML = '[+] {TEXT2}'; };">[+] {TEXT2}</a></dt><dd style="display: none;">{TEXT}</dd></dl>
Но, он использует текстовую подпись как кнопку для скрытия-показа и, содержимое данного спойлера не вписывается в строку, а идет отдельным блоком.
Может быть есть примеры желаемого кода? либо можно как-то модифицировать имеющийся?