JavaScript函數展開html部分點擊

Question

我有一個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高度。

Answer 1

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>