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>