Показать сообщение отдельно
  #7 (permalink)  
Старый 28.06.2018, 11:40
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

М.б. просто показывать-прятать?
<style>
.hide { display:none; }
</style>
<div id="inf" style="width:250px; height:100px; border:1px solid #000; margin:100px;" >
   <div class="information">
      <div class="outer-block hide">
         <label for="name">Имя:</label>
         <input type="text" id="name" placeholder="(ФИО) Иванов Иван Иванович" class="input1"/>
      </div>
      <div class="outer-block hide">
         <label for="telephone">Телефон:</label>
         <input type="tel" id="telephone" placeholder="79102020202" class="input1"/>
      </div>
   </div>
</div>	

<div class="m">
<a href="javascript://" onclick="PostRU();" >
<img src="http://javascript.ru/cat/list/dom.gif" width="121" height="62" alt=''/>
</a>	
</div>

<div class="m">
<a href="javascript://" onclick="PostTa();">
<img src="http://javascript.ru/cat/list/event.gif" width="121" height="62" alt=''/>
</a>
</div>

<script>
function PostRU() {
 document.querySelector("#telephone").parentNode.classList.toggle("hide");
};

function PostTa() {
   document.querySelector("#name").parentNode.classList.toggle("hide");
}
</script>
Ответить с цитированием