使用jQuery基於鏈接的href

顯示/隱藏一個div我現在有這個工作的一部分：使用jQuery基於鏈接的href

$('#marketing_button').click(function() { 
     $('#marketing').fadeIn('slow', function() { 
     // Animation complete 
     }); 
    });

如果我點擊id爲marketing_button一個元素，那麼它會顯示市場股利。

我正在爲一組div和按鈕設置一個基本的顯示/隱藏。我有5個hrefs和5個div。每個href都有它自己的id，但是我覺得有五種方法可以做到這一點，而不是複製這些代碼。

另外我需要隱藏其他divs當一個新的點擊。

結構如下：

<a href="marketing" id="marketing_button">MArketing</a> 
<a href="processing" id="processing_button">Processing</a> 
<a href="compliance" id="compliance_button">Compliance</a> 
... 
<div id="services"> 
<div id"marketing"></div> 
<div id"processing"></div> 
<div id"compliance"></div> 
... 
</div>

因此，這裏有具體的問題：我該如何訪問HREF這樣我就不需要重複碼5次，

我怎麼關閉可見的div和淡入新的？

來源

2012-01-05 TJ Sherrill

可能重複[如何使用jQuery獲得鏈接的href？]（http://stackoverflow.com/questions/7818705/how-to-get-the-href-of-a-link-using-jquery） – 2012-01-05 16:15:28

你的HTML被破壞 – 2012-01-05 16:17:37

很多可能的解決方案。在不知道所有細節的情況下，我會把一個包裝類與一個類。當鏈接被點擊時，它切換其兄弟分區。

來源

2012-01-05 16:18:12

爲了一般地做到這一點，您需要找到所有要應用此功能的錨點的方法。最簡單的方法是向他們添加一個通用的類。

<a href="marketing" id="marketing_button" class="abutton">MArketing</a> 
<a href="processing" id="processing_button" class="abutton">Processing</a> 
<a href="compliance" id="compliance_button" class="abutton">Compliance</a>

現在，您可以訪問相關的錨，你可以做以下

$('a.abutton').click(function() { 
    var id = $(this).attr('href'); 
    $(id).fadeIn('slow', function() { 
    // Animation complete 
    }); 
});

來源

2012-01-05 16:20:56 JaredPar

使用jQuery基於鏈接的href

回答

相關問題