$（'＃id'）。toggle（）将style =“display：none”更改为style =“”而不是所需的style =“display：inline”

Question

我有：

<a id = "button" style="display:inline"></a>
<a id = "buttonPressed" style="display:none"></a>

我正在使用

$('#button, #buttonPressed').click(function(event) {
    $('#button, #buttonPressed').toggle();
    //Do other stuff
})

“display：inline”按钮将根据需要更改为“display：none”，但“display：none”按钮将更改为style =“”而不是所需的“display：inline”。

我该如何解决这个问题？

Answer 1

为这些标签添加一个类。创建一个css规则，强制执行规则中的内联显示。

Answer 2

这在jsfiddle

中工作正常

所以也许你的网页上还有其他一些有冲突的代码？

Answer 3

您可以尝试toggleClass()：

.hidden {
   display: none
}

<a id="button">click1</a>
<a id="buttonPressed" class="hidden">click2</a>

$('#button, #buttonPressed').click(function(event) {
    $('#button, #buttonPressed').toggleClass('hidden');
})

Demo