隐藏/取消隐藏DIV时，是否可以使用Jquery Mobile数据转换效果

Question

我有一个Jquery Mobile页面，页面拆分。左侧有列表视图，右侧会在左侧列表视图中单击时显示详细信息。基本上，点击，我正在隐藏/取消隐藏DIV。它工作正常，但我想知道我是否可以使用Jquery Mobile数据转换这样做。这是示例代码

  <div id="left-side">
    <ul data-role="listview"  id="name1" data-theme="d" data-filter="false" data-inset="false" >
    <li data-icon="false" id="K1"><a href="#"   data-transition="slide"> Show A </a></li>
    <li data-icon="false" id="K2"><a href="#"   data-transition="slide"> Show B</a></li>
</ul>
 </div>
 <div id="right-side">
 <div id="A"> Showing DIV A </div>
 <div id="B" style="display:none">Showing DIV B </div>
  </div>


<script>    
 $('li#K1').live('click', function() {
    $("div#A").show();
    $("div#B").hide();
});

 $('li#K2').live('click', function() {
    $("div#A").hide();
    $("div#B").Show();

   });