рони,
Ниже приведу код. При открытии страницы один раз автоматически всё прыгает и встаёт. Ничего потом не изменяется.
Я немножко поэкспериментировал, и код немножко изменил. Но поведение никак не изменилось - как не работало, так и не работает
<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>