Jquery to css3 seletores possivel?

[miranda121]

Muita boa tarde, tenho andado a me informar sobre css3 e tenho encontrado coisas bastantes interessantes.

Estou a realizar um site onde contenho um Jquery para fazer Hide e Show de um menu que aparece ao carregar, eu gostava de saber se seria possivel passar isso para CSS3 com seletores, depois aplicando transition's para dar aqueles efeitos de aparecer e desaparecer com um alanao por isso ( depende da criatividade)

html code

	
<div class="foto"><img class="seta_perfil" width="15px" height="15px" border="0" src="images/seta.png">
<img class="foto_perfil" width="35px" height="35px" border="0" src="images/drhouse.png">
</div>
<div id="opcoes"></div>

jquery code:

$(".foto_perfil").click(function(){
	if ($("#opcoes").is(":visible")) {
		$("#opcoes").fadeOut("slow");
	} else {
		$("#opcoes").fadeIn("slow");
		$('#opcoes').load('menu_perfil.php');
	}
});

[kya]

Boas,

penso que isto te pode ajudar.

Mas o load não vai funcionar via CSS já que é uma chamada ajax do jQuery.

http://www.webstutorial.com/html5-css3-toggle-slideup-slidedown/html-5