кто нибудь знает как сделать "Read More" так чтобы после его нажатия текст продолжался на этой же строке, и это был JQuery or Javascript? пример вот тут , но это плагин для вордпресса и он работает не так как бы хотелось, он после нажатия на "Read More" открывает текст на новой строке. Помогите!
Так юзай строчный тэг для скрытого текста Code: <!DOCTYPE HTML> <html> <head> <title>!test</title> </head> <body> <style type="text/css"> #hide { display:none; } </style> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#show").click(function(){ $("#hide").toggle(); }); }); </script> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <a href="#" id="show">подробнее</a> <span id="hide">скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст </span> </body> </html>
вот спасибо!!! а как сделать что бы он не переходил на начало страницы с #, а оставался на этом же месте?
еще вопрос, почему шорткод не работает в скрытом тексте? naprimer текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <a href="#" id="show">подробнее</a> <span id="hide">[post-content id=888]</span> </body>
код работает только на одну ссылку Read More, то есть если я больше чем одну ссылку вставляу на страницу, работает только первая, как сделать чтобы и другие работали?
Code: <!DOCTYPE HTML> <html> <head> <title>!test</title> </head> <body> <style type="text/css"> .hide { display:none; } </style> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".show").click(function(){ $(this).next().toggle(); return false; }); }); </script> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <a href="#" class="show">подробнее</a> <span class="hide">скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст </span> <br/> <br/> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <a href="#" class="show">подробнее</a> <span class="hide">скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст скрытый текст </span> </body> </html>
