jquery链接按钮到特定内容

问题描述：

我有一个类似于一个手风琴的概念。我有一个按钮，点击后，它会滑动一个具有特定ID的div。我在页面上有大约3个。我如何编写一个自动选择正确div的函数来滑动？jquery链接按钮到特定内容

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

EG码：

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

是否要应用于页面中的所有元素，如果没有给div赋予类名，请给出相同的类名并在绑定中使用它。 – kobe 2010-12-01 05:33:50

@gov，na，我在这些标签上使用了一个类，并通过$（'a.btn'）选择它。` – 2010-12-01 05:37:55

@shwan，那很好。 – kobe 2010-12-01 05:40:07

答

你可以做类似

$("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(); 
});

答

肖恩

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

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

});

上面的代码将被应用到所有使用相同的类名的元素。

答

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

jquery链接按钮到特定内容

相关推荐