раскрывающийся текст

Rilo · February 8, 2010

дайте, пожалуйста скрипт, который позволит реализовать задумку, которую видел на многих сайтах, но ни один не могу вспомнить. смысл в том, что есть ссылка, а при нажатии на неё под ней появляется другой, более обширный текст.

aTei · February 8, 2010

jQuery (javascript)

$(document).ready(function() {

$('a.example').click(function() {

$('p.example').toggle('fast');

return false;

});

</script>

HTML

<a class="example" href="#">пример</a>

Введите в строке «Адрес» <span class="code">%appdata%</span> и нажмите Enter<br /><br />

После этого попадете в папку текущего пользователя, у меня это<br /><br />

В нее и извлекайте архив.<br />

</p>

Стили

a.example {border-bottom:1px dashed #8C8C9C;text-decoration:none;}

p.example {display:none;padding-left:20px;}

</style>

Живой пример: Quake-Live.ucoz.ru/index/Download_QuakeLive/0-6

Edited February 8, 2010 by aTei

Shumik · February 8, 2010

Живой пример: Quake-Live.ucoz.ru/index/Download_QuakeLive/0-6

Не эффективно как то (мое мнение).

Edited February 9, 2010 by Shumik

Rilo · March 16, 2010

можете дать хороший вариант? почему нельзя сделать урок на сайте с этим очень востребованным вариантом, чтобы человек мог взять, прочитать какой элемент куда и для чего поместить и сделать, не вникая в особенности, но понимая общую концепцию?

rus · March 16, 2010

Rilo said:
можете дать хороший вариант? почему нельзя сделать урок на сайте с этим очень востребованным вариантом, чтобы человек мог взять, прочитать какой элемент куда и для чего поместить и сделать, не вникая в особенности, но понимая общую концепцию?

Нет проблем, лови.

dyadya · March 17, 2010

Когда-то для подобных целей нарисовал такой скриптик:

<html>
 <head>
  <script type="text/javascript"> 
   function pokaz(descr){
 var vid = document.getElementById(descr).style; 
 if (vid.display == "none") {vid.display = "inline"; }
 else {vid.display = "none";}
   }  
  </script>
 </head>
 <body>  
 <span><a href="#" onClick="pokaz('des1')">1.Ссылка</a>
  <div id="des1" style="display: none">
   -текст...</br>
   -текст...</br>
   -текст...</br>
 <a href=...>Ссылка на 1-е занятие</a>
   -текст...</br>
   -текст...</br>
   </div></span>
 </br><a href="#" onClick="pokaz('des2')"> 2.Ссылка*</a></br>
   <div id="des2" style="display: none">
	- текст-ссылка текст</br>
	- текст-ссылка текст</br>
	- текст-ссылка текст</br>
	<a href=...> *-ссылка</a></br>
	текст
	</div>
 <a href="#" onClick="pokaz('des3')">3.Ссылка</a><br>
  <div id="des3" style="display: none">
	текст</br>
	текст</br>
	</div>
   4.Текст</br>

   </div> 
 </body>
</html>

Rilo · March 17, 2010

скрипт от дяди в IE8 блокирован даже при средней безопасности. раньше в настройках Java был отдельно, а теперь у него всё в одном: и вредные activex и безобидные java.

klierik · March 17, 2010

Rilo said:
можете дать хороший вариант? почему нельзя сделать урок на сайте с этим очень востребованным вариантом, чтобы человек мог взять, прочитать какой элемент куда и для чего поместить и сделать, не вникая в особенности, но понимая общую концепцию?

потому что незачем придумывать велосипед.

http://habrahabr.ru/blogs/jquery/38208/#

juNk3r · March 17, 2010

aTei said:
jQuery (javascript)
<script type="text/javascript" src="js/jQuery1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a.example').click(function() {
$('p.example').toggle('fast');
return false;
});
});
</script>
HTML
<a class="example" href="#">пример</a>
<p class="example">
Введите в строке «Адрес» <span class="code">%appdata%</span> и нажмите Enter<br /><br />
<img border="0" src="http://quake-live.ucoz.ru/img/article/install/adress_row.jpg" /><br /><br />
После этого попадете в папку текущего пользователя, у меня это<br /><br />
<img border="0" src="http://quake-live.ucoz.ru/img/article/install/adress_row2.jpg"><br /><br />
В нее и извлекайте архив.<br />
</p>
Стили
<style type="text/css">
a.example {border-bottom:1px dashed #8C8C9C;text-decoration:none;}
p.example {display:none;padding-left:20px;}
</style>
Живой пример: Quake-Live.ucoz.ru/index/Download_QuakeLive/0-6

спасибо конечно)) но не могу настроить

javascript закидовать между head? или создовать файл и сохраться в на сайте. просто обьясните куда вставлять java csript

Rilo · March 17, 2010

—

Edited March 17, 2010 by Rilo

juNk3r · March 17, 2010

все разобрался.надо было скачать свкжый js

сделал два сполера. открываю один и кто муже открываються все. как сделать чтоб один открывался?

ЗЫ. зарание спасибо

Edited March 17, 2010 by juNk3r

Rilo · March 18, 2010

можно ли сделать SCRIPT dyadya, чтобы он раскрывался не быстро, а как бы выплывал: или это сложная задача?

Edited March 18, 2010 by Rilo

Great Rash · March 18, 2010

Если вы сделали на jQuery, то читайте про метод animate.

juNk3r · March 18, 2010

ну скажите как сделать несколько сполеров

Great Rash · March 18, 2010

Оно?

http://jqueryui.com/demos/accordion/

Sign In

раскрывающийся текст

Question

Link to comment

Share on other sites

14 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information