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
Post a Comment