试图让FadeIn onClick来工作jQuery

时间:2017-03-27 01:47:11

标签: jquery

我对jQuery很新,我在使这个功能工作时遇到了麻烦。所以我制作了一个生物页面,每当你点击一个名字,他们的名字和描述就会消失。我不确定我的代码是正确的还是针对正确的事情或我的代码放置是正确的

$(document).ready(function () {


$("#bios a").click(function (event) {

   event.preventDefault();

   $("#description").fadeIn('slow');

   var links = $(this).attr("href");

   $("#bio").load(links + " #description");

});

});   

1 个答案:

答案 0 :(得分:0)

你需要这样的东西:

<div class="bios">
<a href=""><div class="description">Some Name</div></a>
<a href=""><div class="description">Some Other name</div></a>
</div>

您可以使用$(this),它指的是活动元素。

$("#bios a").click(function(e) {
e.preventDefault()
$(this).find('.description').fadeIn()
})