作者Arton0306 (Ar藤)
看板Ajax
標題[ js ] 按一下打開 再按一下關閉
時間Wed Nov 19 14:24:16 2008
我要做一個東西……
按一下文字顯示某內容 再按一下就關閉該顯示的內容的實作 (須把所佔區域清除)
(運用jquery)
已經弄好了...
下面是我的方法...
不知大家是否有更方便的??
HTML的部份
a的href拿掉了 會直接被jquery捕抓到click事件
為了顯示手指狀 加了css的cursor:pointer;
<p id="s1">
<a class="a_abs" id="a1">title</a>
</p>
Jquery的部份
<script type="text/javascript">
var count1=0;
$("#a1").click(function(){
if (count1%2==0) {
$("#s1").after('<p class="s_abs" id="abs1">add st.</p>');
$("#s1").after('<p class="s_abs" id="abs1-2">add st. 2</p>');
}
else {
$("#abs1").remove();
$("#abs1-2").remove();
}
count1=count1+1;
});
</script>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.114.229.83
1F:推 tn801534:內容可以寫死在一個div 用display就好了 11/19 15:42
2F:→ tn801534:然後用toggle就不用count 你去看一下toggle的用法八 11/19 15:43
3F:→ tn801534:兩個function 輪流被call 大概是這樣 11/19 15:43
4F:推 tn801534:沒有特別需要也可以不用給加入的p id 11/19 15:46
5F:→ tn801534:反正可以用selector remove更方便 照你的做法的話 11/19 15:47
7F:→ huanson:(請找綠色小箭頭) 這個可以嗎? 11/19 17:18
8F:→ Arton0306:感謝 11/20 00:15