改变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的可见性

回答

相关问题