jqueryでクイックトグルリストを書くには？

Question

mysiteにtoggle属性を追加したいと思います。 hide/showボタンをクリックすると、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のループでそれを作ることができますか？

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がしたい......

このリンクはjqueryのcustom toggle