Показать сообщение отдельно
  #1 (permalink)  
Старый 11.06.2014, 00:05
Новичок на форуме
Отправить личное сообщение для moshensky Посмотреть профиль Найти все сообщения от moshensky
 
Регистрация: 10.06.2014
Сообщений: 4

Кнопка скрыть/показать
Всем доброго времени суток. Я новичек, поэтому сразу прошу не пинать ногами, а попробовать помочь))
В общем проблемы состоит в том, что я хочу создать кнопку, которая будет скрывать/открывать текст, текст находится в другом ДОМ элементе, отдельно от кнопки.

<script type="text/javascript">
function visibility (closeText, openText) {
    document.getElementById(closeText).style.display='none';
    document.getElementById(openText).style.display='';
}
</script>


А вот с размещением на страницу проблемы...

<div id="close">
   <p>ТЕКСТ ТЕКСТ ТЕКСТ</p>
   <a href="javascript:visibility ('close', 'open')">
      Читать далее»
   </a>
</div>
<div id="open" style="display:none">
    <p>ТЕКСТ ТЕКСТ ТЕКСТ</p>
    <p>ТЕКСТ ТЕКСТ ТЕКСТ 2</p>
    <a href="#" onClick="visibility ('open', 'close')">
       «Скрыть
    </a>
</div>


Работоспособный код, и вот как вынести отсюда сам текст, чтобы засунуть его подальше от кнопки?
Ответить с цитированием