新しい朝が来た絶望しかない…
昨日の改良版をつくることにしたよ。やっぱり希望はもつべきだもの。
もはや僕にも理解の及ばない月曜日ボタンをまたしても作ろうと思うよ。
ボタン作った
- 日曜日
- 月曜日
- 火曜日
- 水曜日
- 木曜日
- 金曜日
- 土曜日
以下、ソース。
<ul> <li class="byebye2">日曜日</li> <li>月曜日</li> <li class="byebye2">火曜日</li> <li class="byebye2">水曜日</li> <li class="byebye2">木曜日</li> <li class="byebye2">金曜日</li> <li class="byebye2">土曜日</li> </ul> <button>ボタンを押してね</button> <script> $("button").click(function () { if($(".byebye2").is(":visible")){ $(".byebye2").hide("slow"); }else{ $(".byebye2").text("月曜日"); $(".byebye2").show("slow"); } }); </script>
・雑な解説
[buttonタグ]をクリックした時(.click)に処理する(function(){})内容は、[クラス:byabye2]を非表示にする(hide())。
ここまでの処理の流れは前回の流用だよ。そこに[クラス: byebye2]が見えている要素(is(":visible"))ならば(if(){})、[クラス:byabye2]を非表示にする(hide())。そうでないなら(else{})、[クラス: byebye]のテキストを月曜日に書き換えて(text())、表示させる(show())という条件分岐を加えているよ。
ボタンを押しても月曜日にしかならないなんてやっぱり絶望しかなかったね。
追記
クラスをbyebye2に修正。記事内にスクリプト書き込んだとしても前記事の内容と競合してしまうんですね……