More...Less... Button

Description Button

by jdcast

HTML

SHORT_DESCRIPTION<br />
 <a id="descriptionButton" href="#" >...</a>
 
<div style="display: none;" id="moreInfo">
 LONG_DESCRIPTION
 </div>

<a id="less" style="display: none;" href="#">Less...</a>

JavaScript

document.getElementById('descriptionButton').addEventListener('click', function() {
    //alert('Hello world again!!!');
    document.getElementById('moreInfo').style.display = 'block';
    document.getElementById('less').style.display = 'block';
    //alert('display div');
        
}, false);

document.getElementById('less').addEventListener('click', function() {
    //alert('Hello world again!!!');
    document.getElementById('less').style.display = 'none';
    document.getElementById('moreInfo').style.display = 'none';
    //alert('display div');
        
}, false);