Я хочу, чтобы каждый div отображал свое содержимое при наведении курсора - PullRequest
Новая
       9

Я хочу, чтобы каждый div отображал свое содержимое при наведении курсора

0 голосов
/ 11 февраля 2012

У меня есть div, какие изображения и абзацы в, когда вы наматываете заголовок, я хочу, чтобы абзац показывался, этот код работал для моего другого сайта, но по какой-то причине здесь не работает

Может кто-нибудь сказать мнечто я делаю не так 

 $(document).ready(function() {

$('.post-band h2').hover(function(){
        $(".entry p",this).fadeTo("fast", 1);
          //$(".entry p",this).slideDown();
        },
    function(){
         $(".entry p",this).fadeTo("fast", 0);
        //  $(".entry p",this).slideUp();
                });

}); 

<div class="post-band" id="post-67">

 <h2>Dale Rodman</h2>
<div class="band-image">
<img width="300" height="250" src="http://localhost/wp-content/uploads/2012/02/dale1.jpg" class="attachment-post-thumbnail wp-post-image" alt="dale" title="dale" /></div>

 <div class="entry">
   <p>Dale has been passionate about music ever since he stopped being passionate about something else, when he puts his mind to something there is not stopping this machine, playing guitar since he was little his ability to absorb different styles has help to create a style like non other.</p>
<h3>Acoustic Guitar, Vocals</h3>
 </div>
    </div>

Ответы [ 2 ]

0 голосов
/ 11 февраля 2012

Вот скрипка с возможным решением: http://jsfiddle.net/sDJDr/

Я использовал нижеприведенный javascript, а также то, что ori имел в виду выше. 

$(document).ready(function() {

    $('.post-band h2').hover(function(){
        var $p = $(this).closest('div.post-band').find('p');
        $p.fadeTo("fast", 1);
        //$(".entry p",this).slideDown();
    },
    function(){
        var $p = $(this).closest('div.post-band').find('p');
        $p.fadeTo("fast", 0);
        //  $(".entry p",this).slideUp();
    });

});
0 голосов
/ 11 февраля 2012

$(".entry p",this) в вашей функции наведения ищет селектор внутри $('.post-band h2') (внутри h2). Вам, вероятно, понадобится сочетание .closest(), чтобы подняться, а затем .find(), чтобы понизиться.

Но разместите свой HTML, чтобы получить лучший ответ.

...