jQuery 的 toggle

上次寫過 「jquery radio 顯示或隱藏一段顯示文字」

但如果是按同一個button 或是同一個div或同一個span 也可以有顯示/隱藏效果
(雖然用jsp也能解決...但麻煩很多)

現在可以利用toggle解決

jQuery 寫法：
  $(document).ready(function(){                      
        $('#iswitch').toggle(
        function(){      
            $('#contentView').show();
        },
        function(){      
            $('#contentView').hide();
        }
    );
    });


HTML部份：
            <span class="title2" id="iswitch">◎ 應變措施檢視與補充（請點選）</span>
            <br>
            <div  id='contentView'>
                按奇數次
            </div>
            <div id='contentView'>
                按偶數次
            </div>

但其實toggle不只是互變 是可以循環N個的

  $(document).ready(function(){                      
        $('#iswitch').toggle(
        function(){      
           //第一個
        },
        function(){      
             //第二個
        },
        function(){      
            //第三個
        }
    );
    });