javascript - 单击修改 CSS 元素

标签 javascript html css

我正在处理以下页面:http://mockingbirdagency.com/thebox/bettercss/login-1.html 我对 Javascript 知之甚少,所以请帮我把它简化一下。

我希望“用你的电子邮件地址注册”在 block 上居中并在它的顶部(通过删除 margin-top: 30px;)点击时(这个想法是不要有这么大的堵塞)。

如何将它添加到 JS 函数中??

谢谢!

最佳答案

在您的 jquery 点击处理程序中

$(document).ready(function() {
    $('h1').click(function() {
        $('#details').toggle(500);
    });
});

你需要添加

$(this).css("margin-top","");

最终代码:

$(document).ready(function() {
    $('h1').click(function() {
        $(this).css("margin-top","");
        $('#details').toggle(500);
    });
});

关于javascript - 单击修改 CSS 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13970932/

相关文章:

javascript - HTML select 中所选项目发生更改时如何处理事件

javascript - 在 es6 中克隆一个类

html - 如何在搜索引擎结果中添加 Logo ?

javascript - 在 Spring 应用程序中未读取样式表和 javascript

javascript - 关于 Node.js 范围的困惑

html - 定位问题

javascript - 滚动到时播放 HTML5 视频,然后播放至完成且仅播放一次

html - 如何使 3 列移动友好?

html - 如何获得粘性页脚?

html - div 内联 block 元素在插入另一个元素时中断