php - show hide 異なる ID に対して Jquery を使用する

Question

次のコードを使用して、javascript 関数を使用して div を表示/非表示にしました。

Jqueryを使用してこれをどのように記述できますか??? IDはdivごとに異なります。

Javascript 関数:

function showHide(id) {
    var divid = id;
    var ele = document.getElementById("showHideDiv_"+divid);
    if(ele.style.display == "block") {
            ele.style.display = "none";
      }
    else {
        ele.style.display = "block";
    }
}

HTML および PhP コード:

for($i=1;$i<count($data);$i++) 
{
   <a href="javascript:void(0);" onclick="return showHide(<?php echo $i; ?>);">

 <div id="showHideDiv_<?php echo $i; ?>" class="coomentbox" style="display:none;">
   // some content within div
 </div>

}

Answer 1

function showHide(id) {
   $( '#showHideDiv_'+id ).toggle();  
}

Answer 2

これを試して：

function showHide(id) {
    var divid = id;

    if ( ( $( '#showHideDiv_'+id ).is( ":visible" ) ) 
              $( '#showHideDiv_'+id ).hide();
   else
               $( '#showHideDiv_'+id ).show();
}