[jQuery] 折った咲いたするガール易しく作る初心者的ライブラリ

うーん.. どっちみちテキストキューブやティストリようなブログではゾブオッダピョッダするガール基本に提供して与える. 下の例示を見れば何やら卵ことだ.

[#M_広げておく..|折っておく..|ゾブオッダピョッダ_M#] ところが普通サイトで万たち焚く面倒だ.

そしてたいてい枝心配が生ずるのだ. 折った咲いたする jsを作っておいたが後ほどサイト移転する焚くが担当者が変わった時など, ヨトンガンにどうな場合に js街破壊(?)なるとか消えるとか壊れればどうに割のか. そうな時星模様変更なく内容が寝る生きているようにすると割のだ.

当然ジャバスクリプトを消して入って来た人々にも内容が寝る見えると割のだ.

こういう点を考慮してゾブオッダピョッダするスクリプトを作った.

cfile25.uf.1346774A4D4BC89C24D1A9.rar

初心者的なスクリプトだ.

ところが初心者的だ. なぜか? method路作るのなくて, そのまま script src= で連結するように作っただからだ. 連結して置いてばかりすれば分かって直って捨てる.;; これ別に良いでしょうないのようなのに… 願う分かって直して使うこと望む.

次に, 性能が最適化されているのはない. 不必要に変数を多く使うのようだ. 急に作るためにそうだった. これも改善する数ある分は改善して使えばなるようだ.

使い方

一応下のコードで jsファイルをイックオドルインダ. head 間に入れるとするという事実を忘れるのないで. さて, そして私が添付した jsファイルをイックオドルだ前に jQueryをイックオドルだとするというのも忘れるの末期望む.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="mytory.folding.js"></script>

</p>

そして折れるのを願う所に下のようにクラス人とタイトルを指定して与える.</p>

<div class="folder" title="これ">ゾブオッダピョッダ</div>

</p>

それではジャバスクリプトが分かってゾブオッダピョッダする構造を下の絵のように作って与える.

実際適用されたのはここでボール数ある.

さて, 全体ソースコードは下とようだ.

$(function(){
	/**
	 * class="folder"を 折った 咲いた するように 作る.
	 * title="これ 文"路 月なら ボタンに 反映される. ex) これ 文 熱気, これ 文 閉じる
	*/
	$('.folder').each(function(){
		var openFolderTitle = '';
		var closeFolderTitle = '';
		var folderTitle = $(this).attr('title');
		openFolderTitle = folderTitle + ' 熱気';
		closeFolderTitle = folderTitle + ' 閉じる';
		$.trim(openFolderTitle);
		$.trim(closeFolderTitle);
		$(this).wrap('').hide()
			.before('<p style="text-align: center;"><button class="toggleNext">' + openFolderTitle + '</button></p>')
			.append('<p style="text-align: right;"><button class="closeParent">閉じる</button></p>');
	});

	$('.toggleNext').each(function(){
		$(this).click(function(){
			
			var openFolderTitle = '';
			var closeFolderTitle = '';
			var folderTitle = $(this).parent().next().attr('title');
			openFolderTitle = folderTitle + ' 熱気';
			closeFolderTitle = folderTitle + ' 閉じる';

			$(this).parent().next().slideToggle('slow');
			if(/熱気/.test($(this).text())){
				$(this).text(closeFolderTitle);
			}else{
				$(this).text(openFolderTitle);
			}
		});
	});

	$('.closeParent').each(function(){
		$(this).click(function(){
			var folderTitle = $(this).parent().parent().attr('title');
			var openFolderTitle = folderTitle + ' 熱気';
			$.trim(openFolderTitle);
			$(this).parent().parent().slideUp().prev().find('button').text(openFolderTitle);
		});
	});
});

- コメント機能はありません。コメントの代わりに[email protected]にメールを送ってください。

初心者的な スクリプトだ.

使い方

初心者的なスクリプトだ.