問題與摺疊在JQuery移動設置圖標？

Question

如何在圖標上進行可摺疊設置？這是我的圖標代碼。

<div id="custom-border-radius"> 
    <a href="#" class="ui-btn ui-icon-plus ui-btn-icon-notext ui-corner-all">No text</a> 
</div> 

在「+」圖標，我需要表現出和hidd列表（發送短信以及發送郵件），代碼如下的點擊，

我怎樣才能做到這一點與可摺疊的概念。有沒有其他辦法，有什麼建議請

Answer 1

<div data-role="collapsible" id='collapsible1'> 
    <h4>Heading</h4> 
    <form> 
    <input type="button" data-inline="true" id='btn1' value="Input"> 
    <div class="ui-input-btn ui-btn ui-btn-inline"> 
     Enhanced 
     <input type="button" data-enhanced="true" id='btn2' value="Enhanced"> 
    </div> 
</form> 
</div> 
<script> 
$('#btn1').click(function(){ 
    alert("Btn 1 clicked"); 
    document.getElementById('collapsible1').style.display = 'none'; 
}); 
$('#btn2').click(function(){ 
    alert("Btn 2 clicked"); 
    document.getElementById('collapsible1').style.display = 'none'; 
}); 
</script> 

編輯補充消失行爲的可壓縮集 JFiddle在這裏(Demo)