css - 在单击另一个 ID 时切换类边距

Question

我在右下角有一个按摩器，比如用这个 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 代码，请指导。

Answer 1

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

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

Answer 2

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

但是，如果您不使用 JQuery 或类似的，您可以简单地使用：

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