jquery - Javascript to show/hide name field on comment form? -


how can hide nickname field default, show when user clicks on textarea?

<div class="input-box"> <textarea name="detail" placeholder="input here" id="review_field" cols="5" rows="3" class="required-entry"></textarea> </div>  <div class="col-sm-8" > <input type="text" name="nickname" placeholder="input name!" id="nickname_field" class="input-text required-entry"  /> </div> 

select nickname field, set display: none on nickname, assign click handler textarea removes display setting returning it's natural state.

var nickname = document.getelementbyid('nickname_field');  nickname.style.display = 'none';  document.getelementbyid("review_field").onclick = function() {      nickname.style.display = '';  };
<div class="input-box">  <textarea name="detail" placeholder="input here" id="review_field" cols="5" rows="3" class="required-entry"></textarea>  </div>    <div class="col-sm-8" >  <input type="text" name="nickname" placeholder="input name!" id="nickname_field" class="input-text required-entry"  />  </div>


Comments

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Website Login Issue developed in magento -

Can the constants be defined inside a model file of a framework in PHP? -