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 id="optional_fields" style="display: none;"> 

然後結束

Answer 1

忘了補充jQuery的感謝BERGI提醒。我講的jQuery。

Answer 2

嘗試添加{}文字中開始和結束

<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>