ネットショップを構築するときに買い物かごボタンの下に、お客様の声投稿フォームってあると入力しやすいじゃないですか。
それを実現するためにJavaScriptのライブラリ「jquery」を利用しました。
特定のボタンを押すとメールフォームを表示／非表示切り替えます。
忘れないようにメモ。
１．ヘッダー内の記述
[php]
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
$(function(){
$("h4").toggle(function(){
$("blockquote").css("display","block");
},
function(){
$("blockquote").css("display","none");
})
})
</script>
[/php]
２．BODYタグ内の記述
[php]
<h4><img src="***.png"></h4>
<blockquote style="display:none">
<form method="post">
．．．メールフォーム内の記述
</form>
</blockquote>
[/php]