аккордеон для сайта через CSS3 ?

Добрый день.
Нашел такой способ создания:
Разметка HTML
<div id=»accordion-css3″ class=»accordion»>

Заголовок 1
<p id=»accordion-1″>Здесь находится контент…</p>
Заголовок 2
<p id=»accordion-2″>Здесь находится контент…</p>
Заголовок 3
<div id=»accordion-3″>
<p>Здесь находится контент…</p>
<p>Здесь находится контент…</p>
</div>

</div>

CSS
a[href^=»#accordion»] + *{display: none;}
#accordion-css3 :target{display: block;}

но не получается.
В чем может быть проблема?