addEventListener()

by José Luis Rojo

HTML

<input type="checkbox" name="privacidad" id="privacidad" />
    <span id="btn">Política privacidad</span>    
    <div class="privacidad" style="display:none">
        <p>Morbi magna molestiae rhoncus, unde porta. Tincidunt vehicula. Hymenaeos officia magni magni gravida, excepteur, leo porttitor cursus? Quod penatibus, voluptatum.
        <p>Nunc facere sodales nesciunt nibh fermentum temporibus culpa litora varius error mollis ullamcorper tempora totam molestie ultricies nihil, laboris quia.
    </div>

CSS

#btn {
        cursor:pointer;
    }
    .privacidad {
        display:none;
        width: 100%;
        overflow: hidden;
        height:auto;
        clear:Both;
        border:solid 1px #eee;
        background:#eee;
        padding:10px;
        margin: 10px 0px 15px;
    }

JavaScript

btn.addEventListener('click', function(){
    privacidad = document.querySelector('.privacidad'); // select div
    privacidad.style.display === "none" ? privacidad.style.display = "block" :  privacidad.style.display = "none";
})
btn.addEventListener('click', () => console.log("otro evento") ); // otro manejador
btn.addEventListener( 'click', () => document.querySelector('.privacidad').style.color = "red" ); // otro manejador