使用Jquery显示隐藏不同的id

Question

我使用以下代码使用javascript函数显示/隐藏div。

我怎么能用Jquery写这个？ 每个div的ID都不同。

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();
}