Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Нужно реализовать в JavaScript открытие скрытого текста (https://javascript.ru/forum/misc/34544-nuzhno-realizovat-v-javascript-otkrytie-skrytogo-teksta.html)

CaptainDev 09.01.2013 15:56
Нужно реализовать в JavaScript открытие скрытого текста
 
Собственно у меня вопрос, как сделать с помощью JavaScript открытие скрытого текста/объекта.

Например.
При нажатии на ссылку
<a href="javascript://" >Открыть</a>

Этот код:
<div style="display:none;">Скрытый текст</div>

Менялся на этот:
<div style="display:block;">Скрытый текст</div>

skfyann 09.01.2013 16:14
Учебник пробовали читать?

Deff 09.01.2013 16:15 
<div id="Hide_Show" style="display:none;">Скрытый текст</div>

<a href="#" onclick="toggA(this);return false;">Открыть</a>

<script type="text/javascript">
function toggA(a) {
  var b= document.getElementById('Hide_Show').style;

  if(a.innerHTML=='Открыть'){a.innerHTML='Закрыть';b.display='block';return}
  a.innerHTML='Открыть'; b.display='none'
}
</script>

CaptainDev 09.01.2013 16:52
Цитата:
Сообщение от Deff (Сообщение 226253) 
<div id="Hide_Show" style="display:none;">Скрытый текст</div>

<a href="#" onclick="toggA(this);return false;">Открыть</a>

<script type="text/javascript">
function toggA(a) {
  var b= document.getElementById('Hide_Show').style;

  if(a.innerHTML=='Открыть'){a.innerHTML='Закрыть';b.display='block';return}
  a.innerHTML='Открыть'; b.display='none'
}
</script>
Работает, но не могли бы вы мне помочь сделать действие плавным?

Deff 09.01.2013 18:23
CaptainDev,
На jQuery - пойдёт ?

CaptainDev 09.01.2013 18:29
Цитата:
Сообщение от Deff (Сообщение 226271)
CaptainDev,
На jQuery - пойдёт ?
Да

Deff 09.01.2013 18:51 
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#clcH_S").click(function(){
      $('#Hide_Show').toggleClass('Active').slideToggle("slow");
      if($('#Hide_Show').hasClass('Active')){$(this).text("Скрыть")}
       else {$(this).text("Открыть")}

  });
});
</script>








<div id="Hide_Show" style="display:none;">Скрытый текст</div>

<a id="clcH_S" href="#" alt="Cкрыть">Открыть</a>

CaptainDev 09.01.2013 19:37
Спасибо


Часовой пояс GMT +3, время: 11:59.