tpl に JavaScript コードを追加しようとしていますが、ボタンをクリックしても何も起こりません。コードは次のとおりです。
<script type="text/javascript">
// Hide optional fields
$("#hide_op").click(function() {
$("#optional_fields").hide("slow");
});
// Show optional fields
$("#show_op").click(function() {
$("#optional_fields").show("slow");
});
// Switch the a tags...
$("#toggle a").click(function() {
$("#toggle a").toggle();
});
</script>
これが、余分な項目をドロップダウンするために使用したい JavaScript コードです。しかし、何も機能しません。これが私が使用しているボタンです」
<div id="toggle">
<a id="hide_op" class="formcss1" style="margin-left: 0; display: none;" onclick="return false;" href="#">Hide optional fields</a>
<a id="show_op" class="formcss1" style="margin-left: 0;" onclick="return false;" href="#">Show optional fields</a>
</div>
次に、Java の div コードがあります。
<div id="optional_fields" style="display: none;">
その後、終了します。