Question

我有一个类似于手风琴的概念。我有一个按钮，当点击它时，它会向下滑动一个具有特定ID的div。我在页面上有大约3个。如何编写一个自动选择正确div的功能？

我见过插件使用rel属性来实现这一目标。在实际的Jquery代码中，我将如何实现这一目标？

例如代码：

<a rel="#c1">slide 1</a>
<a rel="#c2">slide 2</a>
<div id="c1"></div>
<div id="c2"></div>

Answer 1

您可以执行类似

的操作

$("a").click(function() {
    var divSelector = $(this).attr("rel");
    $(divSelector).slideDown();
});

如果你想要更加花哨，你可以将你的物品组合在一起（或给他们一个类）并做一些类似下面的事情，以便其他容器向上滑动。

<div id="sliders">
    <a rel="#c1">slide 1</a>
    <a rel="#c2">slide 2</a>
</div>
<div id="slidees">
    <div id="c1"></div>
    <div id="c2"></div>
</div>

$("#sliders a").click(function() {
    var divSelector = $(this).attr("rel");
    $("#slidees div").not(divSelector).slideUp();
    $(divSelector).slideDown();
});

Answer 2

肖恩

使用div类，以便你可以做这样的事情

$('.other').click(function() {

});

上述代码将应用于具有相同类名的所有元素。

Answer 3

$('a').click(function() {
  var target = $(this).attr('rel');
  $(target).toggle();
});

Jquery链接按钮到特定内容

3 个答案: