クリック領域</div> <div class="jqtgcont">コンテンツ</div> javas...">

ウェブデザイナーのウェブ開発メモ

[PR] Another American Dictionary Spanglish with us!

jQuery でトグル

関連記事:CSSでトグル

CLICK HERE TO TOGGLE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

HTML

<div class="jqtgtriger">クリック領域</div>
<div class="jqtgcont">コンテンツ</div>

javascript

<script type="text/javascript">
$(function(){
	$("div.jqtgcont").hide();
	$(".jqtgtriger").click(function(){
		$(this).toggleClass('on');
		$(this).next(".jqtgtriger").slideToggle(90);// 数字で速さ調整
		return false;
	});
});
</script>
関連記事
この記事役にたった?
管理者にだけメッセージを送る

カテゴリー

広告

最近の記事

便利ツール