Masquer une div partiellement avec jquery slide toggle ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par padadam22, 5 Août 2012.

  1. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 116
    J'aime reçus:
    0
    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 ;)
     
  2. erestrebian
    erestrebian WRInaute occasionnel
    Inscrit:
    15 Juin 2007
    Messages:
    415
    J'aime reçus:
    0
    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.
     
  3. padadam22
    padadam22 WRInaute accro
    Inscrit:
    23 Octobre 2010
    Messages:
    3 116
    J'aime reçus:
    0
    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 ;)
     
  4. erestrebian
    erestrebian WRInaute occasionnel
    Inscrit:
    15 Juin 2007
    Messages:
    415
    J'aime reçus:
    0
    Salut,

    J'utilise :
    Code:
    			$("#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/
     
Chargement...
Similar Threads - Masquer div partiellement Forum Date
Masquer une div si Internet Explorer Développement d'un site Web ou d'une appli mobile 14 Décembre 2019
Afficher masquer div Développement d'un site Web ou d'une appli mobile 25 Juin 2012
[JS] Masquer / afficher un <div> à la saisie d'un <input> Développement d'un site Web ou d'une appli mobile 2 Novembre 2010
Est-il possible de masquer le code source d'une page web ? Développement d'un site Web ou d'une appli mobile 16 Novembre 2016
Voir / masquer un § - Tout voir / tout masquer Développement d'un site Web ou d'une appli mobile 22 Mars 2016
afficher masquer on utilisant Onclick Développement d'un site Web ou d'une appli mobile 21 Janvier 2015
Masquer une partie de sa page aux bots Débuter en référencement 20 Janvier 2015
url rewriting masquer tous les répertoires URL Rewriting et .htaccess 16 Juin 2014
Supprimer ou masquer des messages Droit du web (juridique, fiscalité...) 1 Juillet 2013
Masquer ou renomer les paramètres dans mon url Demandes d'avis et de conseils sur vos sites 14 Juin 2013
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice