Nom d'un effet

Résolu/Fermé
kirua-93 Messages postés 598 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 598 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.

6 réponses

le_joker_fou Messages postés 764 Date d'inscription mercredi 5 août 2009 Statut Membre Dernière intervention 7 août 2014 239
3 juil. 2014 à 16:53
Salut,

C'est pas ça que tu cherches par hasard ?

https://jqueryui.com/toggle/
0
kirua-93 Messages postés 598 Date d'inscription mardi 8 janvier 2008 Statut Membre Dernière intervention 27 octobre 2014 72
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
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 875
Modifié par telliak le 4/07/2014 à 07:18
Salut,
hover combiné avec visibility ne suffit pas ?
0
kirua-93 Messages postés 598 Date d'inscription mardi 8 janvier 2008 Statut Membre Dernière intervention 27 octobre 2014 72
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.
0

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 738
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

<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
0
kirua-93 Messages postés 598 Date d'inscription mardi 8 janvier 2008 Statut Membre Dernière intervention 27 octobre 2014 72
5 juil. 2014 à 16:26
Merci ^^.
0