メールフォームをコンパクトにまとめる

ネットショップを構築するときに買い物かごボタンの下に、お客様の声投稿フォームってあると入力しやすいじゃないですか。
それを実現するためにJavaScriptのライブラリ「jquery」を利用しました。
特定のボタンを押すとメールフォームを表示/非表示切り替えます。

忘れないようにメモ。

1.ヘッダー内の記述

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

2.BODYタグ内の記述

[php]
<h4><img src="***.png"></h4>
<blockquote style="display:none">
<form method="post">
...メールフォーム内の記述
</form>
</blockquote>
[/php]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です