我在Jquery中创建了一个函数来扩展和折叠div的内容.现在,我想用CSS制作它,并使用箭头图像,就像这些一样

查看直播 jsFiddle
我也想消除所有这些标签范围,只保留div和它的内容
这是我到目前为止的代码.
<div class='showHide'>
<span class='expand'><span id="changeArrow">↑</span>Line expand and collapse</span>
<fieldset id="fdstLorem">Lorem ipsum...</fieldset>
</div>
Run Code Online (Sandbox Code Playgroud)
$(document).ready(function () {
$('.showHide>span').click(function () {
$(this).next().slideToggle("slow");
return false;
});
$(".showHide>span").toggle(function () {
$(this).children("#changeArrow").text("?");
}, function () {
$(this).children("#changeArrow").text("?");
});
});
Run Code Online (Sandbox Code Playgroud)