Я новичок здесь, и я новичок в webdevelopment/wordpress. Прежде всего, извините за мой плохой английский.Wordpress-toggler нажимает другие элементы на странице
Моя проблема: Я работаю над страницей Wordpress, используя редактор. На странице есть несколько материалов, всего несколько композиций Edge Suite и некоторый текст.
Композиции являются рефералами на некоторые веб-сайты Magento, которые размещены нами компанией.
Теперь я пытаюсь сделать переключение div позади или под одной из композиций, чтобы показать некоторую информацию о соответствующем хостинге.
Но когда я ставлю в toggler, все страницы будут выглядеть следующим образом: click.
Я пробовал очень много переключателей, коды, css только, но все те же проблемы.
Заключение: У меня есть toggler на странице Wordpress с jquery, и он отталкивает другие элементы.
Пожалуйста, помогите!
Привет,
Томас
О и
Я использую плагин embedit профи SHORTCODE 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>
Делитесь своим кодом –
Пожалуйста, добавьте более подробную информацию по вашему вопросу. Таким образом, мы сможем помочь вам лучше. – thomaux
Хорошо, я просто добавил код, извиняюсь за долгое ожидание, я не знал, как правильно добавить код: D – thommylue