how to show a loading msg

how to show a loading msg

hi all

     I have a large listview,estimate 300-500 entry . model as follows:
     I want to expand listview through this command: $("li[data-role='collapsible']").collapsible('expand'),
     and  before expanding  show a loading message,after collapse hide the loading message. I  tried many  methods , but still can not achieve this effect.  
   

                         <ul  data-role="listview" data-inset="true" class="contentRightpos" >
                                  <li data-role="collapsible" data-iconpos="right" data-inset="false">
                                         <h2>Choose your </h2>
                                         <div class="ui-body ui-body-a ui-corner-all">
                                                 <span>aaaaaa</span>
                                         </div>
                                  </li>
                                    <li data-role="collapsible" data-iconpos="right" data-inset="false">
                                         <h2>Choose your </h2>
                                         <div class="ui-body ui-body-a ui-corner-all">
                                                 <span>aaaaaa</span>
                                         </div>
                                  </li>
                                    ......
                        </ul>
     
Best regards
ciciyaa