Question

I need to create a DIV that has some content (some of which is hidden) and when you click on it, it expands and reveals the rest of its content..

I have found many HOWTOs but use jQuery….

I would like a solution using CSS and HTML (Javascript is good also!)

Thanks in advance!

Answer 1

<div id="sample"></div>

css

#sample {
    border: 1px solid black;
    height: 15px;
    padding: 12px;
    overflow: hidden;    
}

javascript

document.getElementById("sample").onclick = function() {
    this.style.height = 'auto';
}

you can use some jquery for animated div