Difference between revisions of "Team:Bordeaux/Member:Denis"
| Line 11: | Line 11: | ||
width:400px; | width:400px; | ||
} | } | ||
| + | |||
| + | .desc { | ||
| + | |||
| + | font-size:1.1em; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | ||
</head> | </head> | ||
| + | |||
| + | |||
| + | |||
| + | // On attend que la page soit chargée | ||
| + | jQuery(document).ready(function() | ||
| + | { | ||
| + | // On cache la zone de texte | ||
| + | jQuery('.description').hide(); | ||
| + | |||
| + | jQuery('a#den').hover(function() | ||
| + | { jQuery('.description').hide(); | ||
| + | jQuery('#toggle20').toggle();}, | ||
| + | |||
| + | function(){ | ||
| + | jQuery('.description').hide(); | ||
| + | }); | ||
| + | }); | ||
<div id="cadre" class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-4"> | <div id="cadre" class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-4"> | ||
| + | <a href="#" id="den"> | ||
<figure class="flow-img" style="background-image: url(http://image.noelshack.com/fichiers/2015/38/1442331035-denis.jpg);background-size:122%;"> | <figure class="flow-img" style="background-image: url(http://image.noelshack.com/fichiers/2015/38/1442331035-denis.jpg);background-size:122%;"> | ||
<div class="overlay"></div> | <div class="overlay"></div> | ||
| Line 26: | Line 51: | ||
</figure> | </figure> | ||
| + | </a> | ||
</div> | </div> | ||
| − | + | <div class="description" id="toggle20"> <p class="desc"> Marjorie Lacourrège</p></div> | |
</html> | </html> | ||
Revision as of 12:16, 17 September 2015
// On attend que la page soit chargée jQuery(document).ready(function() { // On cache la zone de texte jQuery('.description').hide(); jQuery('a#den').hover(function() { jQuery('.description').hide(); jQuery('#toggle20').toggle();}, function(){ jQuery('.description').hide(); }); });
Marjorie Lacourrège