使用“此”字词调用单个项目

Question

我正在为学校做网上商店（所以它不是功能性的）。在我的产品页面上，我有7个项目，当您将鼠标悬停在其中一个项目上时，它应该会展开。 http://imgur.com/gallery/1BS0f

但当我将鼠标悬停在其中一个上面时，显然全都打开了。我对这个Jquery的东西很新，但我知道你只能用“this”这个术语来调用其中一个项目。 我搜索了所有的互联网，但不知怎的，我似乎无法找到一个有效的解决方案。

提前致谢！

Answer 1

你不能使用$（'。Slidebox'），它将为你提供所有具有类的元素.Slidebox尝试下面的代码。

$('.Item').hover(function(e){
   $(this).find('.Slidebox').slidedown(1000);
}, function(e){
   $(this).find('.Slidebox').slideup(1000);
);