javascript - 单击后如何使按钮消失？

这是我的代码。 https://jsfiddle.net/3phzezfj/3/

function showhidediv(rad){
var rads=document.getElementsByName(rad.name);
document.getElementById('one').style.display=(rads[0].checked)?'block':'none' ;
document.getElementById('two').style.display=(rads[1].checked)?'block':'none' ;
document.getElementById('three').style.display=(rads[2].checked)?'block':'none' ;
    document.getElementById('four').style.display=(rads[3].checked)?'block':'none' ;
}

function switchVisible()

    {
      $("#newpost").hide();
      $("#newpost2").show();
    }

    function previousVisible()
    {
     $("#newpost").show();
        $("#newpost2").hide();
    }

单击后如何使下一个按钮消失，但是如果按回去，它将再次出现？

谢谢。

最佳答案

您可以使用toggle（）;


  描述：显示或隐藏匹配的元素。

$("#newpost2").toggle();

如果＃newpost2隐藏，它将显示它；如果显示，它将隐藏它。