Jquery使用rel的切換幻燈片

Question

我絕對不是jQuery專家，因此無法正確工作。

我想用一個鏈接，用rel =「X」來滑動切換打開/關閉class =「X」的div。

默認應該關閉（或顯示：無;）

我還要取決於DIV是否是打開或關閉，以更改背景圖片....想着也許切換鏈接班級名稱？？

試圖一大堆的jQuery的例子，只是感到沮喪:(

這是我到目前爲止有： http://jsfiddle.net/4gn5G/3/

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     $(".[rel]").toggle("slide"); 
    }); 
}); 

在此先感謝您的幫助！

Answer 1

根據您的fiddle，

你忘了，包括jQuery的頁面。一旦你添加了，腳本就可以正常運行。

如果你想自動，對於具有相對所有點擊事件，然後

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     var divClass= $(this).attr('rel'); 
     $("." + divClass).toggle("slide"); 
    }); 
}); 

WORKING DEMO

Answer 2

您需要在您的課程選擇器中引用您選擇的屬性的內容：

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     $("." + this.rel).toggle("slide"); 
    }); 
}); 

或者：

$(document).ready(function() { 
    $("a[rel]").click(function() { 
     $("." + this.getAttribute('rel')).toggle("slide"); 
    }); 
}); 

當你寫的，你只需在選中了一類[rel]，這將是沒有任何元素（因爲[和]是id和class無效字符）。

Answer 3

更新到這一點：

$("a[rel]").click(function() { 
    var cls = $(this).attr('rel'); 
    $("."+cls).toggle("slide"); 
});