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>

來源

2010-12-01 Shawn Mclean

是否要應用於頁面中的所有元素，如果沒有給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(); 
});

來源

2010-12-01 05:30:22 Chris

肖恩

使用類的div，這樣就可以做這樣的事情

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

});

上面的代碼將被應用到所有使用相同的類名的元素。

來源

2010-12-01 05:31:19 kobe

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

來源

2010-12-01 05:32:01

jquery鏈接按鈕到特定內容

回答

相關問題