placez l'élément A, afficher/masquer l'Élément B

J'ai un <div> élément contenant une image. À l'intérieur de cette div, j'ai un <p> élément qui détient quelques informations sur l'image. Je veux placer le pointeur de la <div> contenant l'image et de l'afficher ou masquer le <p> élément.

<div class="box">
    <img src="img/an_039_AN_diskette.jpg" width="310px" height="465px" />
    6 Pharma IT
    <p class="hoverbox">some information</p>
</div>

Est-il un moyen facile de le faire en jQuery?

Pouvez-vous fournir le code HTML de ce que vous voulez faire? Je suis un peu floues.
je suis désolé, j'ai juste oublié de formater le code

OriginalL'auteur mourique | 2009-07-13

  1. 7

    Suivants correspondent à tous de vos images, et de cibler leurs premier de la fratrie ayant le tag P.

    <script type="text/javascript">
$(document).ready(function(){
    $("div.box img").hover(
      function(){$(this).siblings("p:first").show();},
      function(){$(this).siblings("p:first").hide();}
    );
});
</script>

<div class="box">
  <img src="somefile.jpg" />
  <p>This text will toggle.</p>
</div>
    Je m en faire de même.. Mais Mon point est d'environ 100 lignes. J'ai donc pour faire défiler vers le bas sur mon paragraphe pour obtenir l'intégralité du contenu .Dans ce cas, le contenu va se cacher quand j'ai enlever mon vol stationnaire à partir du contenu ici(Image).. Que dois-je faire

    OriginalL'auteur Sampson

  2. 6
          $("css_selector_of_img").hover(
      function () {
        $("css_selector_of_p_element").show();
      },
      function () {
        $("css_selector_of_p_element").hide();
      }
      );

    Voir http://docs.jquery.com/Events/hover

    où dois-je mettre? Quand j'écris que dans ma tête dans le document.partie de prêt, il vous suffit de le casser le reste de mon js.
    Mettre, entouré par des <script></script>, à la fin de votre page, juste avant </body>, avec jQuery, qui est parallèle à l'aide de document.prêt.

    OriginalL'auteur synhershko

  3. 3
    $('#divwithimage').hover(
       function(){$('#ptag').show();}, //shows when hovering over
       function(){$('#ptag').hide();} //Hides when hovering finished
);
    N'oubliez pas votre virgule pour séparer les deux fonctions.
    Pas de problème. Maintenir le bon travail 🙂
    je reçois ce de firebug: manquant ; avant l'énoncé
    il peut avoir été à cause de mon manque une virgule entre les deux fonctions. J'ai juste essayé et cela a fonctionné pour moi
    il n'y a pas d'erreur, mais l'effet ne fonctionne toujours pas. Se pourrait-il que le javascript est un peu cassé parce que j'ai créé la page entière avec comprend et php switch?

    OriginalL'auteur AutomatedTester

  4. 1
    <div class="box">
    <img ... />
    <p class="hoverbox">Some text</p>
</div>

<script type="text/javascript">
    $('div.box img').hover(
        function() { $('div.box p.hoverbox').show(); },
        function() { $('div.box p.hoverbox').hide(); }
    );
</script>

    OriginalL'auteur Brad Gignac