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

Question

我有 2 个 div，我希望能够在单击按钮时在它们之间切换(当前使用 .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;

之间的切换开关

创建一个隐藏类和内联类，然后切换它们。