Question

JQuery展开收起div 求大神帮忙添加上下箭头图片

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(function() {
$("#toggle").click(function() {
$(this).text($("#content").is(":hidden") ? "收起" : "展开");
$("#content").slideToggle();
});
});
</script>

<a href="#" id="toggle">展开</a><br />
<div id="content" style="display: none;"><p>隐藏内容<p><p>隐藏内容<p></div>

我需要这样的效果。

Answer 1

<a href="#" id="toggle" class="top">展开<img src="img/1401957442.png" /> </a><br />

$("#toggle").click(function() {
$(this).html($("#content").is(":hidden") ? "收起"+"<img src='img/1401957442.png' />" : "展开"+"<img src='img/1401957442.png' />");
$("#content").slideToggle();
});

按你这种写法，直接把三角的图片跟那个文字写在一起，要不然还真不太方便控制。把text方法改成html方法。
图片路径记得改

Answer 2

先找到两个这样的三角图，p到一张png图片里，然后展开和收起的时候改变图片背景位置就好

追问

知道这个方法 可是我不会写啊。我不懂JQ啊。。。