JQueryを使わずにクリックで表示非表示する

Yukimi Sato 171views 更新:2015年9月14日

JS

<script language="Javascript">
function Click_Sub() {
if (document.all.searchHideForm.style.display == "none") {
document.all.searchHideForm.style.display = "block"
} else {
document.all.searchHideForm.style.display = "none"
}
}
</script>

HTML

<div class="searchHideButton">
<a href="javascript:void(0);" onclick="Click_Sub()"><i class="icon-search"></i></a>
</div>

<div id="searchHideForm" style="display: none;">
<div class="auiSummarySearch">
<div class="auiSearch gray">
<input type="text" placeholder="ユーザー検索" name="keyword">
<button type="button"><i class="icon-search"></i></button>
</div>
</div>
</div>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません