在单击另一个 ID 时切换类边距答案

【问题标题】：toggle Margin of class on click on another ID在单击另一个 ID 时切换类边距
【发布时间】：2013-07-27 08:35:23
【问题描述】：

我在右下角有一个按摩器，比如用这个 id 聊天的 facebook

<a href="#" title="Instant Messenger" id="js_instant_messenger_link">

我想更改 Class .holder 的 CSS 属性

.holder {
margin: auto;
width: 980px;
}

想要切换到

.holder {
margin: 0 30px;
width: 980px;
}

点击

<a href="#" title="Instant Messenger" id="js_instant_messenger_link">

请帮助我。

如果有任何 jquery 或 javascript 代码，请指导。

【问题讨论】：

请注意，您在下面有 2 个很好的答案，如果其中一个适合您，您应该接受答案。如果没有，请告诉我们，我们可以继续为您解决问题。我假设您是 SO/SE 的新手，因此为了在未来的问题上获得帮助，最好提高您的声誉。当人们看到您有接受答案的历史时，他们更有可能提供帮助。祝你好运！

标签： css class onclick toggle margin

【解决方案1】：

假设您使用的是 Jquery，这应该可以解决问题。虽然没有任何代码很难说...

$("#js_instant_messenger_link").click(function(){
    $(".holder").css("margin", "0 30px");
});

【讨论】：

【解决方案2】：

我同意上面的海报......这应该是答案。

但是，如果你没有使用 JQuery 或类似的，你可以简单地使用：

var element = document.getElementById('js_instant_messenger_link');
element.addEventListener("click", function(){element.setAttribute("style","margin:0 30px")},false);

【讨论】：