javascript - tpl 中的 JavaScript？

Question

我正在尝试在 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;">

然后就结束了。

Answer 1

忘记添加 jQuery。感谢 Bergi 提醒我有关 jquery 的信息。

Answer 2

尝试在开头和结尾添加 {literal}

<script type="text/javascript">
{literal}
// 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();    
});
{/literal}
</script>