Контент отображается при нажатии на ссылку

Я создаю контент при нажатии на ссылку img a href, подобную этому сайту, на навигационной кнопке, подобной этому сайту http://www.google.com.ph/nexus/.

Я попытался использовать: after и content: псевдо элементы, но контент может показывать только ссылку. Как я могу показать div, когда я нажал на ссылку.

Я хотел бы сгенерировать div, когда я нажал на значок навигации, похожий на этот сайт http://www.google.com.ph/nexus/. моя скрипка http://jsfiddle.net/. Как я буду добиваться этого. Я хочу создать контент через определенный div вместо ссылки. Любая помощь будет оценена по достоинству.

вот мой html

<div id="center">
    <ul>
<li>    
    <p>
    <a href="http://www.google.com.ph/nexus/">
    <img src="https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/menu-24-24.png">
    </a>
</li>

</div>
</html>

вот дизайн css

ul li
{
    list-style:none;
}
li a
{
    content:url("https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/menu-24-24.png");
}