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

时间:2018-08-10 21:19:03

标签: javascript jquery tabs show-hide

我建立了这个标签。

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

但是由于这在多城市中是必需的,所以我希望它再次显示

多城市。

enter image description here

我用了这个

if (value.Value == true)

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

value

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

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

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

在您的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)的地方,请用适当的元素填充。

让我知道您的结果!

答案 1 :(得分:0)

没关系。

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

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();
});

它成功了,我不知道为什么它不能更早地工作,但很高兴现在就可以了。