Jump to content

lien déroulant


Recommended Posts

  • 3 weeks later...

Bonjour Benedictum7,

Tu crée ton lien en y incluant un évènement on click :

<a href="#" onclick="document.getElementById('myDiv').style.display='block'">Afficher</a>

Et tu créé ta div qui s'affichera au lors du click :

<div id="myDiv" style="display:none;">voici ma div à afficher</div>

Donc ta div "myDiv" s'affichera lorsque tu clique sur le lien.

Je te conseilles tout de même de faire tout cela en JQuery si tu as déjà quelques notions à ce niveau là. Ca te permettrais d'avoir un animation sur l'affichage de ta div, tout ça en quelques lignes !

Voir ce lien

Google est ton ami ;)

camillejg

Link to post
Share on other sites
  • 2 months later...

Hello Camille,

Tu as aussi la possibilité d'utiliser jQuery (jquery.com).

Tu insère le fichier .js dans ton header puis tu peux faire quelque chose du genre :

<style type="text/css">
.hide{display:none;}
</style>

<script type="text/javascript" src="jq.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("div.content a.open").click(function(){
$(this).parent("div.content").next("div").slideToggle();
return false;
});
});
</script>


<div class="content">
<a class="open" href="#">mon text</a>
</div>
<div class="hide">
mon text
</div>

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...