Функция jQuery click для увеличения непрозрачности

Question

Я пытаюсь получить класс «bio-button» div, чтобы открыть div скрытого текста и уменьшить его собственную непрозрачность. И затем, когда div текста закрыт, он возвращается в прежнее состояние

Если вы посмотрите на this fiddle demo, то эффект, который я хочу, такой же, как при щелчке по изображению.

Но, похоже, я сталкиваюсь с проблемами со слишком многими функциями. Как я могу достичь этого более эффективно?

JQuery:

$('.bio-button').on('click', function() { 
$(this).parent('img').css({opacity:1}); 
}); 

Это мой HTML:

<div id="" class="team-member"> 
<div class="team-text"> 
    <p>hello this is Billy's text</p> 
    <div class="close"></div> 
</div><!-- .team-text --> 
<div class="team-photo"> 
    <img width="437" height="293" src="http://www.mgrear.com/clients/gls/wp-content/uploads/2013/02/billy.jpg" class="" alt="billy" />       
    <h2>Billy Senecal</h2> 
    <p>Producer/Director</p> 
</div><!-- .team-photo --> 
<div class="bio-button">BIO</div> 
<div class="clear"></div> 
</div><!-- #team-member --> 
<div id="" class="team-member"> 
<div class="team-text"> 
    <p>THis is Mark's text</p> 
    <div class="close"></div> 
</div><!-- .team-text --> 
<div class="team-photo"> 
    <img width="439" height="293" src="http://www.mgrear.com/clients/gls/wp-content/uploads/2013/02/mark.jpg" class="" alt="mark" />        
    <h2>Mark Montalto</h2> 
    <p>Editor/Producer</p> 
</div><!-- .team-photo --> 
<div class="bio-button">BIO</div> 
<div class="clear"></div> 

Answer 1

Попробуйте вместо этого:

$('.bio-button').on('click', function() { 
    $(this).prev('.team-photo').children('img').css({opacity:1}); 
}); 

Чтобы разбить его:

Когда .bio-button щелкают, посмотрите на предыдущем смежном собрата, который имеет класс team-photo, а затем получить img элемент, который является дочерним этого team-photo элемента, затем внести определенные коррективы CSS к img элементу.

В приведенном выше примере $(this) относится к элементу, который был нажат: $('.bio-button').