jQuery事件onclick顯示/隱藏div

Question

請，你能幫忙嗎？我有一些HTML：

<span class="about" id="but01">About this</span> 

<span class="about" id="but02">About this</span> 

<div id="s1" class="hidden"> 
<div id="s2" class="hidden"> 

，我需要調用DIV ID S1/S2隱藏/顯示從跨度ID but01/onclick事件but02使用JQuery。

THX支持

Answer 1

有很簡單的解決辦法：

$("#but01").click(function() { 
    $("#s1").toggle(); 
}); 

演示：http://jsfiddle.net/tt36q/9/

Answer 2

試試這個：

$('span[id^="but0"]').click(function(){ 
    var id = $(this).attr('id').substr(4); 
    if($('#s' + id).is(':visible')) 
     $('#s' + id).hide(); 
    else 
     $('#s' + id).show(); 
}); 

DEMO

Answer 3

這使用了on功能：

$("#but01").on('click', function() { 
    $("#s1").toggle(); 
});