问javascript函数，用于在单击时展开html部分
EN

Stack Overflow用户

提问于 2012-01-17 15:06:40

回答 1查看 1.3K关注 0票数 0

我有一个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";
}

正如你在点击时所看到的，我希望它增加大约中间的高度，但我想在第二次点击时减少大约中间的高度。

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-01-17 15:12:54

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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/8890837

复制

相似问题

问javascript函数，用于在单击时展开html部分
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript函数，用于在单击时展开html部分EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript函数，用于在单击时展开html部分
EN