Форум Сайтостроение Веб-строительство

аякс - показать / спрятать контент

P
На сайте с 06.01.2009
Offline
601
postavkin
640

Здравствуйте.

Помогите, пожалуйста, решить ещё одну проблему.

Проблема в том, что между тегами <p></p> никак не поставить:

1. список, <ul><li>..</li></ul> перестает работать как надо (вываливается за пределы блока)

2. не поставить контент в тегах <p></p> у меня 2 абзаца (оно понятно, но может скажете как можно решить проблему) ?

прошу сильно не пинать, но маюсь уже больше 10 часов, ничего не получается.

исходный код взял у него anton.shevchuk.name/javascript/jquery-for-beginners/

код в странице 


<div class="accordion2">

	<h3>описание</h3>

	<p>контент №1 который показываем</p>

	<h3>характеристики</h3>

	<p>контент №2 который показываем</p>

</div>

аякс 


	$(".accordion2 h3").click(function(){

		$(this).next("p").slideToggle("slow")

		.siblings("p:visible").slideUp("slow");

		$(this).toggleClass("active");

		$(this).siblings("h3").removeClass("active");

	});

стили 


.accordion2 {

	width: 480px;

	border-bottom: solid 1px #c4c4c4;

}

.accordion2 h3 {

	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;

	padding: 7px 15px;

	margin: 0;

	font: bold 120%/100% Arial, Helvetica, sans-serif;

	border: solid 1px #c4c4c4;

	border-bottom: none;

	cursor: pointer;

}

.accordion2 h3:hover {

	background-color: #e3e2e2;

}

.accordion2 h3.active {

	background-position: right 5px;

}



.accordion2 p {

	background: #f7f7f7;

	margin: 0;

	padding: 10px 15px 20px;

	border-left: solid 1px #c4c4c4;

	border-right: solid 1px #c4c4c4;

	display: none;

}
LEOnidUKG
На сайте с 25.11.2006
Offline
1762
LEOnidUKG
#1

У вас реально нет хостинга, чтобы просто показать демо страницу? Ну сейчас вот подключать JQ коды вставлять и т.п.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
дани мапов
На сайте с 06.09.2012
Offline
204
дани мапов
#2

Где хотя бы код вставки списка, аяксом и не пахнет.

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
P
На сайте с 06.01.2009
Offline
601
postavkin
#3
LEOnidUKG:
У вас реально нет хостинга, чтобы просто показать демо страницу? Ну сейчас вот подключать JQ коды вставлять и т.п.

LEOnidUKG, пока настраивал доступ по фтп - получилось сделать, так как покоя не давало...

Можете ли проверить меня, просто так правильно будет код выглядеть? 


<div class="accordion">
	<h3>описание</h3>
	<div class="mess">
		<p>Обаятельная фактура этого материала...</p>
	</div>
	<h3>Характеристики изделия:</h3>
	<div class="mess">
		<ul class="harakteristiki">
			<li>Технология - ;</li>
			<li>Область применения: - ;</li>
		</ul>
	</div>
</div>

или лучше и правильнее так?


<div class="message_list">
		<p class="message_head">описание</p>
		<div class="message_body">
		     <p>Обаятельная фактура материала...</p>		
                </div>
		<p class="message_head">Характеристики изделия :</p>
		<div class="message_body">
		     <ul class="harakteristiki">
			  <li>Технология - ;</li>
                          <li>Область применения:  - ;</li>
		     </ul>
		</div>
</div>

спасибо заранее.

TF-Studio
На сайте с 17.08.2010
Offline
334
TF-Studio
#4
$(document).click(function ()
{
$("#****").hide();
});

$("#*****").show(300);

Такие методы не проще использовать?

Покажите свой код на хостинге или в редакторе онлайн - яснее станет всё.

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
P
На сайте с 06.01.2009
Offline
601
postavkin
#5
дани мапов:
Где хотя бы код вставки списка, аяксом и не пахнет.

Я не правильно наверное выразился. Это если прав понимаю - jquerry...

Есть контент, который по умолчанию не показываю юзеру, чтобы на странице не занимать лишнего места, при нажатии на <h3> ему появляется контент. А для ПС он всегда видим...Как то так. Я только учусь.

TF-Studio, покажу на хостинге, но прямо сейчас не могу, чуть попозже. Спасибо заранее. ДНС-ы пропишутся как..

При нажатии на кнопку Контент открывается по нажатию, Код Яндекс Метрики мешает

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий