0

标题有点生疏，抱歉。

现在让我解释一下我想要做什么。

我有一些列出的项目，如下所示：

<li>
    <a id="toggle" class="0"><h4>ämne<small>2010-04-17 kl 12:54</small></h4></a>
    <p id="meddel" class="0">text</p>
</li>

<li class='odd'>
    <a id="toggle" class="1"><h4>test<small>2010-04-17 kl 15:01</small></h4></a>
    <p id="meddel" class="1">test meddelande :) [a]http://youtube.com[/a]</p>
</li>

我想要实现的功能是，当用户单击“切换”链接（h4 文本）时，我希望它下面的段落元素淡入。我想到了同时提供切换链接和段落相同的类，然后以某种方式使其获得与单击的切换链接具有相同类的段落，并显示它？但我也不完全确定如何做到这一点，而且tbh，这听起来不是最好的主意，但也许这是唯一的方法？我不知道...

有什么方法可以简单地获取ID为“meddel”的最近段落（链接下方）并将其淡入？这听起来容易一些...

我希望你至少能给我一些提示。在此先感谢，-耐克

4

3 回答 3

2

您的 ID 必须是唯一的，我会给您的链接一个类，如下所示：

<li>
    <a class="toggle"><h4>ämne<small>2010-04-17 kl 12:54</small></h4></a>
    <p>text</p>
</li>

<li class='odd'>
    <a class="toggle"><h4>test<small>2010-04-17 kl 15:01</small></h4></a>
    <p>test meddelande :) [a]http://youtube.com[/a]</p>
</li>

然后你可以这样做：

$(function() {
  $("a.toggle").click(function() {
    $(this).next("p").animate({ opacity: 'toggle'});
  });
});

单击<a class="toggle">此按钮将找到下一个<p>并淡入淡出切换它。此外，课程不能以数字开头，请确保不要这样做以获得可预测的结果。

于 2010-04-18T12:22:06.100 回答
2 
$("h4").click(function() {
  var p = $(this).siblings("p");
  if (p.is(":hidden")) {
    p.fadeIn();
  } else {
    p.fadeOut();
  }
});

一个问题：您的锚点具有相同的 ID。他们不应该。ID 应该是唯一的。

于 2010-04-18T12:22:29.260 回答
0

尝试这个：

$(function(){
    $('a.toggle, a.toggle h4').toggle(function(){
      $(this).next().fadeOut('slow');
    }, function(){
      $(this).next().fadeIn('slow');
    });
});

给你的链接一个class而不是id。

于 2010-04-18T12:22:21.663 回答