JavaScript函数展开html部分点击

我有一个HTML网页，我有一个列表，当一个项目被点击时，它将扩大一些文本，并使容器增加高度。检测列表项目合同的最佳方式是什么？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"; 
}

，你可以点击看到我希望它增加aboutmiddle的高度，但我想减少对第二次点击aboutmiddle高度。

来源

2012-01-17 user541597

使用做到这一点。 – Unknown 2012-01-17 07:09:28

Jquery具有一个切换功能，如果其他condition.if已经展开，然后关闭该会为你

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

来源

2012-01-17 07:12:53

JavaScript函数展开html部分点击

回答

相关问题