改變div的可見性

我有一個div部分有特定的屬性（mdxquery），這個屬性將被髮送到一個js文件，結果將顯示在html中，但是，我需要更改此查詢，因爲它我設計不同的div部分，他們每個人都有不同的查詢知道我想通過點擊我的複選框來改變這個部分的可見性，並且對於每個複選框，我必須具有特定查詢的特定div，這是我的一部分代碼，它似乎是真的但不工作，最新的問題是什麼？改變div的可見性

<div class='first query' style="width:80%;" id="mdxQueryEditor" 
      dojoType="GeoSOA.Spatialytics.widgets.MdxQueryEditor" title="MDX query editor" 
      submitButtonLabel="Submit" 
      mdxQuery="SELECT {[Measures].[report]} ON COLUMNS,&#x000A;{[State].[City].members} ON ROWS&#x000A;FROM [ppgis]"> 
     </div> 

<div class='second query' dojoType='GeoSOA.Spatialytics.widgets.MdxQueryEditor' style='width:80%;' mdxQuery='SELECT {[Measures].[report]} ON COLUMNS,&#x000A;{[Boston].[City].members} ON ROWS&#x000A;FROM [ppgis]' submitButtonLabel='Submit'></div> 
<div class='third query' dojoType='GeoSOA.Spatialytics.widgets.MdxQueryEditor' style='width:80%;' mdxQuery='SELECT {[Measures].[report]} ON COLUMNS,&#x000A;{[Allston].[City].members} ON ROWS&#x000A;FROM [ppgis]' submitButtonLabel='Submit'></div> 
<div id="debug" ></div>

腳本：

 $("#State").click(function() { 
if($("#State").is(":checked")) { 
     /*When the checkbox is checked*/ 
    $('first query').css('display','none'); 
    $('second query').css('display','none'); 
    $('third query').css('display','block') ; 


    } 

});

來源

2013-11-25 neda

嘗試：

$("#State").click(function() { 
    if($("#State").is(":checked")) { 
     /*When the checkbox is checked*/ 
     $('first.query').css('display','none'); 
     $('second.query').css('display','none'); 
     $('third.query').css('display','block') ; 
    } 
});

$("#State").click(function() { 
    if($("#State").is(":checked")) { 
     /*When the checkbox is checked*/ 
     $('.query').not('third').css('display','none'); 
     $('third.query').css('display','block') ; 
    } 
});

來源

2013-11-25 17:40:45 Hiral

感謝，你的代碼正常工作，感激你的幫忙 – neda

@neda歡迎您:) – Hiral

你的選擇是錯誤的，只是試試這個，

$("#State").click(function() { 
    if($("#State").is(":checked")) { 
      $('.first,.second').hide(); 
      $('.third').show(); 
     } 
    });

請仔細閱讀本：class selector

來源

2013-11-25 17:39:35

感謝您的代碼的工作，我真的感謝您的幫助 – neda

改變div的可見性

回答

相關問題