Nom d'un effet
Résolu/Fermé
kirua-93
Messages postés
599
Date d'inscription
mardi 8 janvier 2008
Statut
Membre
Dernière intervention
27 octobre 2014
-
3 juil. 2014 à 16:07
kirua-93 Messages postés 599 Date d'inscription mardi 8 janvier 2008 Statut Membre Dernière intervention 27 octobre 2014 - 5 juil. 2014 à 16:26
kirua-93 Messages postés 599 Date d'inscription mardi 8 janvier 2008 Statut Membre Dernière intervention 27 octobre 2014 - 5 juil. 2014 à 16:26
bonjour,
Je recherche le nom d'un effet en css/js, on a par exemple une liste de news dans une colone (on vois que les titre) et quand on clic sur le titre la news apparait.
Un peu comme l'effet accordéon sauf que la tout les contenue des news apparait dans le meme bloc qui serai a gauche de la colone qui contient les titres.
Si quelqu'un connais le nom de cette effet merci par avance.
Je recherche le nom d'un effet en css/js, on a par exemple une liste de news dans une colone (on vois que les titre) et quand on clic sur le titre la news apparait.
Un peu comme l'effet accordéon sauf que la tout les contenue des news apparait dans le meme bloc qui serai a gauche de la colone qui contient les titres.
Si quelqu'un connais le nom de cette effet merci par avance.
6 réponses
le_joker_fou
Messages postés
765
Date d'inscription
mercredi 5 août 2009
Statut
Membre
Dernière intervention
7 août 2014
239
3 juil. 2014 à 16:53
3 juil. 2014 à 16:53
Salut,
C'est pas ça que tu cherches par hasard ?
https://jqueryui.com/toggle/
C'est pas ça que tu cherches par hasard ?
https://jqueryui.com/toggle/
kirua-93
Messages postés
599
Date d'inscription
mardi 8 janvier 2008
Statut
Membre
Dernière intervention
27 octobre 2014
72
3 juil. 2014 à 17:13
3 juil. 2014 à 17:13
Ha ca ce sont juste des effet d'apparition, moi ce que je recherche c'est vraiment le fait de faire apparaitre le contenue d'une div dans une zone donnée et qui change celon le lien sur lequelle on clic.
c'est un effet que l'on retrouve tres souvent sur tout se qui est flux d'information (blog, news, ect...)
Mais merci pour l'aide joker
c'est un effet que l'on retrouve tres souvent sur tout se qui est flux d'information (blog, news, ect...)
Mais merci pour l'aide joker
telliak
Messages postés
3667
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
4 novembre 2024
876
Modifié par telliak le 4/07/2014 à 07:18
Modifié par telliak le 4/07/2014 à 07:18
Salut,
hover combiné avec visibility ne suffit pas ?
hover combiné avec visibility ne suffit pas ?
kirua-93
Messages postés
599
Date d'inscription
mardi 8 janvier 2008
Statut
Membre
Dernière intervention
27 octobre 2014
72
4 juil. 2014 à 10:20
4 juil. 2014 à 10:20
C'est possible de faire afficher chaque article dans la meme div ?
j'vais essayer avec position absolue, apres c'est un peu chiant pour le responsive.
j'vais essayer avec position absolue, apres c'est un peu chiant pour le responsive.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
4 juil. 2014 à 21:18
4 juil. 2014 à 21:18
Salut
tu peux faire ca en jquery voici un exemple que j'avais fait pour un site avec un petit effet d'apparition opacity + slide up et down
html
css
jquery
la tu peux dire merci car c'est du tout cuit
tu peux faire ca en jquery voici un exemple que j'avais fait pour un site avec un petit effet d'apparition opacity + slide up et down
html
<h1 class="titre">le titre de news1</h1>
<div class="news"> blab bla 1</div>
<h1 class="titre">le titre de news2</h1>
<div class="news"> blab bla 2</div>
<h1 class="titre">le titre de news3</h1>
<div class="news"> blab bla 3</div>
<h1 class="titre">le titre de news4</h1>
<div class="news"> blab bla 4</div>
css
.news {
display:none;
position:absolute;
top:0; /****comme tu veux etc ****/
}
.titre:hover {
cursor:pointer;
}
jquery
<script>
$(document).ready(function(){
$(".titre").click(function(){
$(".news").animate({opacity:.4},100).slideUp("300").delay("400");
if(!$(this).next().is(":visible")){
$(this).next().slideDown("500").animate({opacity:1},1e3)}
if($(this).next().is(":hidden")){$(this).next().css("opacity","0.4")}
})
});
</script>
la tu peux dire merci car c'est du tout cuit
kirua-93
Messages postés
599
Date d'inscription
mardi 8 janvier 2008
Statut
Membre
Dernière intervention
27 octobre 2014
72
5 juil. 2014 à 16:26
5 juil. 2014 à 16:26
Merci ^^.