我使用以下代码在单击链接时展开/折叠一些文本
我需要将链接名称更改为“隐藏”时,文本展开并有一个不同的图像(即arrow_up.png)。
我该怎么做?
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var $divView = $('div.view');
var innerHeight = $divView.removeClass('view').height();
$divView.addClass('view');
$('div.slide').click(function() {
$('div.view').animate({
height: (($divView.height() == 90)? innerHeight : "90px")
}, 500);
return false;
});
});
</script>
<div class="view">
<ul class="moduleItemExtraFields">
<li>text here</li>
<li>text here</li>
<li>text here</li>
<li>text here</li>
<li>text here</li>
<li>text here</li>
<li>text here</li>
<li>text here</li>
<li>text here</li>
</ul>
</div>
<div class="slide">Show <img src="images/arrow_down.png" /></div>
2条答案
按热度按时间yptwkmov1#
yhived7q2#
我会在div.slide中添加/删除class,以检查它是否展开或折叠。
此处为DEMO