jQuery click按鈕開關開啟關閉區塊使用slideToggle

jQuery隱藏與顯示所要展現的區塊

在網頁上常使用按下指定的按鈕(或區塊)後,jQuery隱藏與顯示所要展現的區塊,此方法可以使用jQuery click slideToggle 簡單的實現。

HTML

<a href="#" id="toggle-example2" class="button">開啟/關閉</a>
<div class="example2">
    <p>在網頁上常使用按下指定的按鈕(或區塊)後,隱藏與顯示所要展現的區塊,此方法可以使用jQuery click slideToggle 簡單的實踐。</p>
</div>

Javascript

$(document).ready(function() {
    $('.example2').hide();
    $('a#toggle-example2').click(function() {
        $('.example2').slideToggle(1000);
        return false;
    });
});

範例展示:

Posted in Javascript

Find the last offers by SkyBet at www.bettingy.com BettingY.com Bonuses