作者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