选项卡处于活动状态时（隐藏）隐藏和显示div

Question

我建立了这个标签。

当我单击“往返”时，我想使Flight 2表格消失。

但是由于在多城市中需要这样做，所以我希望它能再次显示出来

多城市。

我用这个

jQuery('#rdbOneWay').attr("class","onewaybuttonchecked");
jQuery('#rdbRoundTrip').attr("class","roundwaybuttonchecked");  
jQuery('#rdbMultiCity').attr("class","multiwaybuttonchecked");  

jQuery('.ret_date_block').attr("id","noreturndate");    


   $("#noreturndate").hide();
$(".onewaybuttonchecked").on("click", function(){
    $("#noreturndate").hide();
});

      $(".roundwaybuttonchecked").on("click", function(){
    $("#noreturndate").show();
});

          $(".multiwaybuttonchecked").on("click", function(){
    $("#noreturndate").show();
});

});

我用它来隐藏“单向”选项卡上的内容。 如果：

$(".roundwaybuttonchecked").on("click", function(){
    $("#noreturndate").show();
});

如果在这里使用航班2的正确ID将其隐藏在往返行程中，它将完成其工作，但是当我在单向和往返行程之间切换时，它什么也没有显示。 从多城市到往返旅行时，这条线生效。

有任何想法吗？

Answer 1

您肯定在这里需要一个条件。

在您的JQuery函数中，尝试执行以下操作：

function radioButton() {
if (document.getElementById('htmlElement1').checked) {
    document.getElementById('htmlElement2').style.visibility = 'visible';
} else {
    document.getElementById('htmlElement').style.visibility = 'hidden';
}

请注意，由于我无法查看您的htmlElement 1 (or 2)我不确定您使用的是什么元素，因此在我说htmlElement 1 (or 2)请用适当的元素填充。

让我知道你的结果！

Answer 2

没关系。

我使用了与上面相同的代码

jQuery('#rdbOneWay').attr("class","onewaybuttonchecked");
jQuery('#rdbRoundTrip').attr("class","roundwaybuttonchecked");  
jQuery('#rdbMultiCity').attr("class","multiwaybuttonchecked");  

jQuery('.pnlFlight2').attr("id","pnlFlight2");  


   $("#pnlFlight2").hide();
$(".onewaybuttonchecked").on("click", function(){
    $("#pnlFlight2").hide();
});

      $(".roundwaybuttonchecked").on("click", function(){
    $("#pnlFlight2").hide();
});

          $(".multiwaybuttonchecked").on("click", function(){
    $("#pnlFlight2").show();
});

它成功了，我不知道为什么它不能更早地发挥作用，但现在却高兴了。