2013-04-08 73 views
0

我想只顯示具有可用控件的div,否則所有其他div都隱藏;jQuery Accordion只顯示內部有特殊控制的Div

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#<%= buttonRegister.ClientID %>').click(function (e) { 
      e.preventDefault(); 
      var control = $('#<%= TextBoxDateOfAdmission.ClientID %>'); 
      var admissionValue = control.val(); 
      if (admissionValue == '') { 
       // hide all the divs 
       $(".wizard_menu div.wizard_body").hide(); 
       // i want to show only the div that has a control with id=TextBoxDateOfAdmission 
       $('.wizard_menu div.wizard_body') 
            .has(control).length ? $(".wizard_menu div.wizard_body").show() : $(".wizard_menu div.wizard_body").hide(); 
      } 
     }); 
    }); 
</script> 

注:我不能貼我的HTML代碼,原因是其過長。我有5個格與class=wizard_menu
我一直在使用這-爲了證明它是否工作

$('.wizard_menu div.wizard_body') 
     .has(control).length ? alert("true") : alert("false"); 

,結果是真正的還測試我的代碼;
所以,現在我想展示裏面它
更新可用的具有特定的控制(在這種情況下TextBoxDateOfAdmission)只有DIV:我的代碼的結果是,它顯示了擴大所有div。然而,我想只擴展一個div或顯示哪一個具有特定的控制

回答

0

我解決了問題,直接使用.show();

$('.wizard_menu div.wizard_body') 
       .has(control) 
       .show();