Неправильно выражение jquery?

Question

[booogabooo]

<script type="">

								$(document).ready(function(){
									$(".name").click(function(){
										$(".dialogs_container_open").addClass("dialogs_container_closed");
										$(".dialogs_container_open").removeClass("dialogs_container_open");
									});
								});
							</script>

<div class="dialogs_container_open">
									<p class="status_user"></p>
									<p class="name" onclick="showHide('show_group')">Консерированная Инна</p>
									<p class="msg_count_new">1</p>
									<ul class="achives">
										<li><img src="img/players/1.png" alt=""></li>
										<li><img src="img/players/2.png" alt=""></li>
										<li><img src="img/players/3.png" alt=""></li>
										<li><img src="img/players/4.png" alt=""></li>
										<li><img src="img/players/5.png" alt=""></li>
										<li><img src="img/players/6.png" alt=""></li>
										<li><img src="img/players/7.png" alt=""></li>
									</ul>
									<div class="clear"></div>
								</div>

Суть такова...При клике на .name у блока .dialogs_container_open должен меняться фон только у того, на который нажал, а оно применяется ко всем...Таких 5 блоков...Как сделать, чтобы применялось только к одному?

Answer 1

[Александр Старцев]

$(".name").on("click", function(){
    $(this).parents(".dialogs_container_open")
    .toggleClass("dialogs_container_open dialogs_container_closed");
});

Comments

[booogabooo]

спасибо

[booogabooo]

еще один момент:
-- как при повторном клике убрать класс?
-- как при клике на следующем блоке убрать класс у предыдущего?