UraN32Rus,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#elements div{
display: none;
}
</style>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script>
$(function () {
$('.Out_list').click(function () {
$(this).find("#dinamic_marker_up").toggleClass("dinamic_marker_down dinamic_marker_up");
$(this).next(".next_continue").slideToggle(200)
});
});
</script>
</head>
<body>
<ul id="my_accordion">
<div id="hide_block_open_close_all_tree">
<p id="open_close_all_tree">Развернуть все дерево</p>
</div>
<li>
<div class="Out_list first_continue"><div class="accordion_block_table"><span >Out list 1 </span></div><p class="dinamic_marker_up" id="dinamic_marker_up"></p></div>
<ul class="next_continue">
<li>
<div class="Out_list second_continue"><div class="accordion_block_table"><span >Out list 1 </span></div><p class="dinamic_marker_up" id="dinamic_marker_up"></p></div>
<ul class="next_continue">
<li><div><p>Подменю 1.1</p></div></li>
<li><div><p>Подменю 1.1</p></div></li>
<li><div><p>Подменю 1.1</p></div></li>
<li><div><p>Подменю 1.1</p></div></li>
</ul>
</li>
<li>
<div class="Out_list second_continue"><div class="accordion_block_table"><span >Out list 1 </span></div><p class="dinamic_marker_up" id="dinamic_marker_up"></p></div>
<ul class="next_continue">
<li><div><p>Подменю 1.1</p></div></li>
<li><div><p>Подменю 1.1</p></div></li>
<li><div><p>Подменю 1.1</p></div></li>
<li><div><p>Подменю 1.1</p></div></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]
О том, как вставить в сообщение
исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте
http://javascript.ru/formatting.