Показать сообщение отдельно
  #3 (permalink)  
Старый 10.09.2017, 10:09
Аспирант
Отправить личное сообщение для Булат Азат улы Посмотреть профиль Найти все сообщения от Булат Азат улы
 
Регистрация: 07.09.2016
Сообщений: 83

рони,
Ниже приведу код. При открытии страницы один раз автоматически всё прыгает и встаёт. Ничего потом не изменяется.
Я немножко поэкспериментировал, и код немножко изменил. Но поведение никак не изменилось - как не работало, так и не работает
<style>
#newAdd {
	color: #FF0000;
}

#newUpdDiv, #formNewDel {
	display: none;
}

.toggleP span {
	text-decoration: underline;
	padding: 0 5px;
}

.toggleP span:hover {
	cursor: pointer;
	text-decoration: none;
	color: #FF0000 !important;
}
</style>
<script src='https://code.jquery.com/jquery-3.2.1.min.js' type='text/javascript'></script>
<script type="text/javascript">
	$(document).ready(function(){
		function newSlide(id){
			$(".formNews").slideUp(500);
			$("#newsP span").css("color", "black");
			$(this).css("color", "#FF0000");
			$(id).slideDown(500);
		}
		$("#newAdd").click(newSlide("#formNewAdd"));
		$("#newUpdate").click(newSlide("#newUpdDiv"));
		$("#newDelete").click(newSlide("#formNewDel"));
	});
</script>
<p id='newsP' class='toggleP'><span id='newAdd'>Добавить объявление</span> ┃ <span id='newUpdate'>Изменить объявление</span> ┃ <span id='newDelete'>Удалить объявление</span></p>
<form method='POST' id='formNewAdd' class='formNews'>
	<p>Блок 1</p>		
</form>
<div id='newUpdDiv' class='formNews'>
	<p>Блок 2</p>
</div>
<form method='POST' id='formNewDel'  class='formNews'>
	<p>Блок 3</p>
</form>

Последний раз редактировалось Булат Азат улы, 10.09.2017 в 10:14.
Ответить с цитированием