(jQuery)将div样式"display:none"切换为"display:inline"

Question

我有2个div,我希望能够在它们之间切换onClick按钮(当前使用.toggle();)

页面上显示的div是div1.这个div的风格是'display:inline'.我的另一个div(div2)以"display:none"样式开头.

当div1切换到div2时,我希望div2具有"display:inline"的样式.我该怎么做呢？

编辑:这是工作:

$(function(){
  $('#button').click(function(){

    $('#div1').toggleClass('hide');

if ($('#div2').is('.hidden')) {

          $('#div2').removeClass('hidden');
          $('#div2').addClass('show');


      }
      else{

          $('#div2').addClass('hidden');
          $('#div2').removeClass('show');


      }


  });
});

Answer 1

我会.toggleClass()用作display: inline;和之间的切换开关display: block;

创建一个隐藏的内联类,然后切换它们.

Answer 2

使用纯JavaScript,您可以使用:

document.getElementById('div1').style.display = 'none';
document.getElementById('div2').style.display = 'inline';