如何在同一個地方設置可擴展圖標

Question

如何設置可擴展圖標（例如）讓我們考慮一下表有很多行OK 如果您通過單擊查看按鈕查看一行。 [查看按鈕應該包含（+）符號以及（ - ）這兩個符號將在相同的地方確定。]如果您查看按鈕，符號將自動更改爲（ - ），然後如果您單擊另一行。現有的（ - ）符號將改變爲（+）。現在的當前行將會改變爲（ - ）。如果你清楚這意味着.....

如何設置兩個+圖標 - 在同一個地方的圖標，所有

Answer 1

假設你有以下按鈕

<input type="button" class="expand" onclick="MyAction(this)" /> 

你的CSS類將是

.expand 
{ 
background-image: (Path for Expand icon) 
} 

.collaps 
{ 
background-image: (Path for collaps icon) 
} 

，你將有類似的JavaScript以下

<script type="text/javascript"> 
function MyAction(element) 
{ 
    if(element.className =="expand") 
{ 
    // logic for collaps behavior 
    element.className = "collaps"; 
} 
else 
{ 
    // logic for expand behavior 
    element.className = "expand"; 
} 
} 
</script> 

您將需要一些更多的CSS技巧來修復和調整的圖標，但我希望你能做到這一點很容易:)