Question

我是新来的，我是webdevelopment / wordpress的新手。首先，抱歉我的英语不好。

我的问题是：我正在使用编辑器在Wordpress页面上工作。页面上有一些内容，只有一些Edge Suite组合和一些文本。

这些作品是推荐给我们公司托管的一些Magento网站。

现在我正在尝试在其中一个作品后面或下面制作一个切换div，以显示有关主持的一些信息。

但是当我放入切换器时，整个页面会像这样：click。

我只尝试了很多切换器，代码，css，但都是同样的问题。

结论：我在一个带有jquery的Wordpress页面上有一个切换器，它会推开其他元素。

请帮助我！

问候，

托马斯

哦，然后，

我正在使用插件embedit pro对html进行短代码，而我正在使用“插入javascript / css”在单个页面上使用我的javascript和css。但我不认为这应该是问题。

代码：

CSS：

    <style>
    .layer1 {
    margin: 0;
    padding: 0;
    width: 250px;
    }

    .heading {
    margin: 1px;
    color: #fff;
    padding: 3px 10px;
    cursor: pointer;
    background-color:#c30;
    }
    .content {
    padding: 5px 10px;
    background-color:#fafafa;
    position:absolute;
    }
    p { padding: 5px 0; }


    </style>

Jquery的：

    <script type="text/javascript"                 src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <script type="text/javascript">
    jQuery(document).ready(function() {
    jQuery(".content").hide();
    jQuery(".heading").click(function()
    {
    jQuery(this).next(".content").slideToggle(500);
    });
    });
    </script>

HTML：

    <div id="container">
    <div class="layer1">
    <p class="heading">Meer info</p>
    <div class="content">Hier komt de informatie te staan over de desbetreffende                 hosting.</div>
    </div>

Answer 1

它是固定的！这是因为我处于wordpress的管理员模式，当我在另一个浏览器上查看网站而没有保持登录状态时，所有内容都保持在正确的位置。因此，如果有人遇到同样的问题，请在另一个浏览器中查看您的网站，而无需登录您的wordpress / my-admin。

Wordpress- toggler在页面上推送其他元素

1 个答案: