[ js ] 按一下打開 再按一下關閉

看板Ajax作者 (Ar藤)時間15年前 (2008/11/19 14:24), 編輯推噓3(305)
留言8則, 3人參與, 最新討論串1/1
我要做一個東西…… 按一下文字顯示某內容 再按一下就關閉該顯示的內容的實作 (須把所佔區域清除) (運用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

11/19 15:42, , 1F
內容可以寫死在一個div 用display就好了
11/19 15:42, 1F

11/19 15:43, , 2F
然後用toggle就不用count 你去看一下toggle的用法八
11/19 15:43, 2F

11/19 15:43, , 3F
兩個function 輪流被call 大概是這樣
11/19 15:43, 3F

11/19 15:46, , 4F
沒有特別需要也可以不用給加入的p id
11/19 15:46, 4F

11/19 15:47, , 5F
反正可以用selector remove更方便 照你的做法的話
11/19 15:47, 5F

11/19 17:18, , 7F
(請找綠色小箭頭) 這個可以嗎?
11/19 17:18, 7F

11/20 00:15, , 8F
感謝
11/20 00:15, 8F
文章代碼(AID): #198x4I1E (Ajax)