Masquer une div partiellement avec jquery slide toggle ?

[padadam22]

Bonjour à tous,

pour masquer une div, j'utilise Jquery slide toggle :
http://api.jquery.com/slideToggle/

Cela permet d'afficher ou de masquer une div.
Sauf que, petite subtilité, j'aimerai laisser toujours une petite partie de la div visible, disons 50 pixels (en dégradé, mais ça au pire, je jonglerai avec un background dégradé), même lorsqu'elle est en position "fermée".

Pour illustrer tout cela en vidéo :
Bloc 1, ce que j'aimerai obtenir.
Bloc 2, ce que j'arrive à obtenir.

Avez-vous une idée de commence je pourrai y parvenir ?

Merci par avance

 

[erestrebian]

Bonjour,

je pense que tu peux arriver à faire cela avec la partie css de jquery... tu modifies la taille du div à ce que tu veux et une partie sera toujours affichée quoi qu'il se passe. comme par exemple sur http://www.crealoz.fr/. Ce n'est pas encore très au point sur le défillement en bas mais ça te donne une idée.

 

[padadam22]

Merci pour ta réponse
Je recherche effectivement la même chose que sur crealoz.
Par contre, c'est quelque chose qui me dépasse complètement... et j'ai beau essayer je n'arrive pas ajouter de style aux fonctions jquery que j'ai utilisé...

Je vous montrerait le code que j'ai utilisé demain

 

[erestrebian]

Salut,

J'utilise :

			$("#bafonblan").animate({height : '360px'}, 300, 'linear');
			$("#conteneur_contenu").animate({height : '912px'}, 300, 'linear')
			$("#c"+chtexte).animate({height : '236px'}, 300, 'linear');
			$("#c"+chtexte).css('overflow', 'visible');
			$("#t"+chtexte).animate({height : '222px'}, 300, 'linear');
			ouvert = chtexte;
			$("#p"+chtexte).html('-');

où chtexte correspond au numéro de l'onglet que je veux agrandir. Si tu lis un peu d'anglais, tu peux toujours regarder du côté de http://api.jquery.com/animate/