jquery - jqueryでクイックトグルリストを作成するには?

Question

mysite にトグル属性を追加したいです。非表示/表示ボタンをクリックすると、divが表示/非表示になります。アルファベット順に、ユーザーが文字をクリックすると、その文字で始まるコンテンツが表示されます。だから私のコードはここにあります：

<script>
$(document).ready(function() {
    $('#button_letter_A').click(function() {
        $('#portfolio_item_A').toggle();

    });
     $('#button_letter_B').click(function() {
        $('#portfolio_item_B').toggle();
    });
});
</script>

すべての文字を順番に書く代わりに; このコードを簡単に書く方法。例えば; javascriptのforループで作れますか？

Answer 1

// target everything with IDs that start with 'button_letter'
$("[id^='button_letter']").click(function () {

    // split the letter out of the ID
    // of the clicked element and use it to target
    // the correct div
    $("#portfolio_item_" + this.id.split("_")[2]).toggle();
});

参照：

• http://api.jquery.com/attribute-starts-with-selector/
• https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/split

Answer 2

命名が一貫している場合は、トグル関数を作成し、トグルする文字を渡します。

<script>
$(document).ready(function() {

   $('#button_letter_'+ letter).click(function() {
        custom_accordion(letter);
    });
   }

function custom_accordion(letter){
           $('#portfolio_item_'+letter).toggle();
}

});
</script> 

u want to の文字を渡して、クリック時に関数を呼び出します......

このリンクには、jqueryカスタム トグルに関する説明があります。