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

Question

我建立了这个标签。

当我点击 Round Trip 时，我想让 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();
});

如果我在这里使用 Flights 2 的正确 ID 将其隐藏在往返行程中，它会完成它的工作，但是当我在单程和往返行程之间切换时，它什么也不显示。当我从 Multi City 转到 Round-Trip 时，这条线路开始运行。

有什么想法吗？

Answer 1

你肯定需要一个条件。

在您的 JQuery 函数中，尝试这样的操作：

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

请注意，由于我无法查看您的 HTML - 我不确定您使用的是什么元素，所以我所说的 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();
});

它成功了，我不知道为什么它之前没有起作用，但很高兴现在起作用了。

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

Hide and Show a div when a tab is active ( selected )

javascript

jquery

tabs

show-hide