javascript函数在点击时展开html部分

时间:2012-01-17 07:06:40

标签: javascript

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

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

1 个答案:

答案 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>