使用JavaScript進行事件調用

Question

我想調用JavaScript函數調用上<a>使用隱藏和顯示模塊divid作為id喜歡在下面給出的代碼。 我可以隱藏打開的塊，但不能打開它。

 echo "<span class='bold' style='background:#0DCAD1'><a name='form_a_$group_seq' href='#div_$group_seq' style='float:left;color:white' id='form_a_$group_seq' value='1' " .
"onclick='return divclick(this,\"div_$group_seq\");'";
 if ($display_style == 'block') echo "clicked";

 // Modified 6-09 by BM - Translate if applicable  
 echo "<b>" . xl_layout_label($group_name) . "</b></a></span>\n";

 echo "<div id='div_$group_seq' class='section' style='display:$display_style;'>\n";
 echo " <table border='0' cellpadding='0'>\n";
 $display_style = 'none';
}
else if (strlen($last_group) == 0) {
echo " <table border='0' cellpadding='0'>\n";
}

這是我正在使用的javascript代碼。

function divclick(a, divid) {
var divstyle = document.getElementById(divid).style;
if(a.clicked) {
divstyle.display = 'block';
} else {
divstyle.display = 'none';
}
return true;
}

Answer 1

您需要檢查當前設置的樣式並采取相應的措施。 如果您可以提供jsfiddle，我可能可以為您進行演示。 假設您已經能夠隱藏按鈕，則如下所示的方法應該起作用：

  if ( divstyle.display == 'none' ) {
    divstyle.display = 'block';
  } else {
    divstyle.display = 'none';
  }

Answer 2

您可以在jQuery中執行以下操作：

$(a).click(function(){
    $(divid).toggle();
});