Jquery $（'；#id'；）。toggle（）正在更改样式="；显示：无“；to style="&引用；而不是所需的样式="；显示：inline"；

我有：

“显示：内联”按钮将根据需要更改为“显示：无”，但“显示：无”按钮将更改为style=”“，而不是所需的“显示：内联”

---

如何解决这个问题？

在这些标记中添加一个类。创建一个css规则，强制规则中的内联显示。

在

---

因此，您的页面上可能还有其他冲突的代码？

您可以尝试

切换类（）

：

---

无法复制此问题。请声明您使用的浏览器导致了此问题。这与最新的Chrome（20.0.1132.57）/Windows 7有什么关系？它将是

inline

隐式的，因为它是

a

元素它很重要，因为它没有正确显示。。style=“”的按钮看起来比集合中的其他按钮大，当我打开Chrome开发工具并手动将其更改为style=“display:inline”时，它看起来又对了，感谢所有的快速响应！发布的jsfiddles人员也在为我正常工作。我将在这里尝试这些建议，并检查可能遗漏的冲突代码，然后返回报告。我仍然没有找到问题的根源，但这是暂时成功的解决方法。谢谢

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

.hidden {
   display: none
}

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

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