如何使用.closest来切换段落?

时间:2012-11-07 18:41:54

标签: javascript jquery slidedown closest

我正在尝试使用最接近的段落。这是我到目前为止所做的。

JS

$(".info_btn").css("-webkit-transition", "-webkit-transform 0.25s ease-in-out");

var info_btn_DEG = 0;

$(".info_btn").toggle(function() {
$(this).closest('p').slideDown("250");
info_btn_DEG += 45;
$(this).css("-webkit-transform", "rotateZ(" + info_btn_DEG + "deg)");
$(this).fadeTo("250", 0.65);
}, function() {

$(this).closest('p').slideDown("250");
info_btn_DEG += 45;
$(this).css("-webkit-transform", "rotateZ(" + info_btn_DEG + "deg)");
$(this).fadeTo("250", 0.3);
});

我也在这里设置了一个JSbin,以便完整看看:

http://jsbin.com/atinap/7/edit

1 个答案:

答案 0 :(得分:1)

你可以进入“article_total”级别(将其更改为一个类,你不应该在一个页面上有多个相同的ID)然后从那里你可以找到你需要的p

以下代码假设您已将ID更改为类

$(this).closest('.article_wrapper').find('YOUR_ELEMENT_HERE');