我有一个html网页,其中有一个列表,当单击一个项目时,它将展开一些文本并使容器的高度增加。检测列表项的签约的最佳方法是什么。
例如,当我点击某个项目时,它会扩展并且正确地增加尺寸。然而,当我再次点击同一个项目时,它再次增加了容器,因为我不知道如何区分扩展和合同,使用一个函数对列表中的所有项目。
function slidedown(id){
$('#'+id.id+'text').slideToggle(250);
var height = document.getElementById("aboutmiddle").style.height
value = parseInt(height);
value +=100;
document.getElementById("aboutmiddle").style.height = value+"px";
}
正如你在单击中看到的那样我希望它增加大约中间的高度,但我希望在第二次点击时减少中间高度。
答案 0 :(得分:1)
Jquery有一个切换功能,可以为您执行此操作
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123" />
<script>
$('#clickme').click(function() {
$('#book').toggle('slow', function() {
// Animation complete.
});
});
</script>