未分類

jQuery Toggleボタンの実装

 

 

 

HTML

<div class="btn_more_a">ボタンA</div>
<div class="container_a">
  ボタンAを押すと表示されるコンテンツだよ             
</div>


<div class="btn_more_b">ボタンB</div>
<div class="container_b">
  ボタンBを押すと表示されるコンテンツだよ             
</div>

 

jQuery

<!-- もっと見るボタン トグル動作 Start-->
<script>
$(function() {
    $('.container_a').slideToggle();
    $('.btn_more_a').click(function(){
        $('.container_a').slideToggle();
    });
});

$(function() {
    $('.container_b').slideToggle();
    $('.btn_more_b').click(function(){
        $('.container_b').slideToggle();
    });
});
</script>
<!-- もっと見るボタン トグル動作 End-->

 

Amazonおすすめ

iPad 9世代 2021年最新作

iPad 9世代出たから買い替え。安いぞ!🐱 初めてならiPad。Kindleを外で見るならiPad mini。ほとんどの人には通常のiPadをおすすめします><

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)