je souhaiterais animer un div de façon que lorsque je click sur la div superieur qui est le titre
la div du dessous se deroule en animation !
je penses donc qu'il faut jouer avec la hauteur, cependant je n'ai pas une grande experience en Javascript !
pour l'instant la function que j'ai pu faire est en javascript :
Code : Tout sélectionner
function showHide(id)
{
var div = document.getElementById(id).style;
with(div)
{
display=(display=="block") ? "none" : "block";
}
}
</script>
echo '<div class="'.$class.'" onclick="showHide(\'line'.$row->id.'\')" onmouseover="this.style.background=\'#eee8fb\';this.style.cursor=\'default\';"
onmouseout="this.style.background=\''.$color.'\'">'."\n";
echo ucfirst($row->firstname." ".$row->lastname)."\n";
echo '</div>'."\n";
echo '<div class="detailRegister2" id="line'.$row->id.'">'."\n";
echo '<p><br />';
echo $row->gender.' '.$row->firstname.' '.$row->lastname."<br />\n";
echo "Nee le: ".$row->birthday."<br /><br />\n";
echo $row->address."<br />\n";
echo $row->code_postal.' '.$row->country."<br />\n";
echo "Mobile: <b>".chunk_split($row->mobile, 2, " ")."</b><br />\n";
echo "Telephone: ".$phone."<br />\n";
echo "Email: ".$row->email."<br /><br />\n";
echo '</p>';
echo '</div>'."\n";
mais après par rapport à mon cas je ne sais pas trop comment l'integrer !
je me doute qu'il y a plus simple donc voila si quelqu'un peut m'aider merci d'avance
