Вариант
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script> </head> <body> <div class="view-source"> <a href="#">Развернуть</a> <div class="hide">Спрятанный текст</div> </div> <div class="view-source"> <a href="#">Развернуть</a> <div class="hide">Спрятанный текст</div> </div> <div class="view-source"> <a href="#">Развернуть</a> <div class="hide">Спрятанный текст</div> </div> <script> $(function(){ $('.view-source .hide').hide(); $a = $('.view-source a'); $a.on('click', function(event) { event.preventDefault(); $a.not(this).next().slideUp(500); $a.not(this).text('Развернуть'); $(this).next().slideToggle(500); $(this).text($(this).text()=='Свернуть'?'Развернуть':'Свернуть'); }); }); </script> </body> </html> |
Dilettante_Pro,
А подскажите, пожалуйста, вариант, где "свернуть/развернуть" были бы в каждом случае оригинальные для каждого спойлера. Т.е., например: Развернуть 1 / Свернуть 1 Спрятанный текст 1 Развернуть 2 / Свернуть 2 Спрятанный текст 2 |
mikeac,
сложно придумать такую открывашку, которой ещё нет на форуме :lol: Открывашка 250 открытие/закрытие блоков со сменой текста на кнопке |
рони, вы кинули ссылку с https протоколом, а в коде, что расположен на той странице jq подключается по http протоколу, поэтому ваш код будет нерабочим.
У некоторых пользователей могут возникнуть сложности с воспроизведением вашего кода. |
Nexus,
добавил s :thanks: |
Часовой пояс GMT +3, время: 16:52. |