iMessi89 Опубликовано 31 октября, 2013 Жалоба Поделиться Опубликовано 31 октября, 2013 есть некий див, в котором есть некий контент. <div class="svorachivanie2"> ...... </div> Задача. Сделать вверху этого дива ссылку Развернуть/свернуть, при нажатии на которую наш див сворачивался бы или разворачивался.Реализация: <div class="params-button" > <a class="paramslink">Развернуть</a> <a class="paramslink2">Свернуть</a> </div> <div class="svorachivanie2"> ...... </div> код js $(".svorachivanie2").hide(); $(document).on('click', ".paramslink", function() { $(this).next(".svorachivanie2").slideToggle(1000); $('.paramslink').toggleClass("paramslink").toggleClass("hidden"); return false; }); В стилях: .paramslink .hidden{display:none;} НЕ получается! Цитата Ссылка на сообщение Поделиться на другие сайты
ps-simpla Опубликовано 31 октября, 2013 Жалоба Поделиться Опубликовано 31 октября, 2013 http://api.jquery.com/slideToggle/ <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>slideToggle demo</title> <style> p { width: 400px; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> </head> <body> <button>Toggle</button> <p> This is the paragraph to end all paragraphs. You should feel <em>lucky</em> to have seen such a paragraph in your life. Congratulations! </p> <script> $( "button" ).click(function() { $( "p" ).slideToggle( "slow" ); }); </script> </body> </html> Цитата Ссылка на сообщение Поделиться на другие сайты
Антон01 Опубликовано 1 ноября, 2013 Жалоба Поделиться Опубликовано 1 ноября, 2013 function show_hide (id) { if (document.getElementById("hidden_" + id).style.display == "none") { document.getElementById("hidden_" + id).style.display = "block"; } else { document.getElementById("hidden_" + id).style.display = "none"; } } <a id="lnk_1" href="javascript:show_hide('1');">Показать</a> <div id="hidden_1" style="display: none;"> … </div> Цитата Ссылка на сообщение Поделиться на другие сайты
Антон01 Опубликовано 1 ноября, 2013 Жалоба Поделиться Опубликовано 1 ноября, 2013 С заменой текста в ссылке function show_hide (id) { if (document.getElementById("hidden_" + id).style.display == "none") { document.getElementById("hidden_" + id).style.display = "block"; document.getElementById("lnk_" + id).innerHTML = "Закрыть"; } else { document.getElementById("hidden_" + id).style.display = "none"; document.getElementById("lnk_" + id).innerHTML = "Показать"; } } Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.