Как спрятать элемент, при нажатии на другой, с помощью jQuery?

Question

[NemoNab]

Нужно, чтобы при нажатии на "show_phone" или "show_geo" показывались соответственно "show_cont_phone" и "show_cont_geo", и, скрывался не родной блок, если он показывается.

<ul class="nav navbar-right marker">
					<li class="shad-box marker-li">
						<a class="show-cont" id="show_phone"><i class="fa fa-phone show-cont"></i></a><h5 id="show_phone_cont"><i class="fa fa-phone"></i> 8 (999) 999 99 99</h5>
					</li>
					<li class="shad-box marker-li">
						<a class="show-cont" id="show_geo"><i class="fa fa-map-marker show-cont"></i></a><h5 id="show_geo_cont"><i class="fa fa-map-marker"></i> ул. Ленина д. 101</h5>
					</li>
</ul>

<script>
		$("#show_phone").click(function(){
			$('#show_phone_cont').show(function(){
				$('#show_phone').hide(function(){
				});
			});
		});

		$("#show_geo").click(function(){
			$('#show_geo_cont').show(function(){
				$('#show_geo').hide(function(){
				});
			});
		});
	</script>

Скрипт показывает блок, но не сворачивает не родной.
Заранее спасибо за ответ.

Answer 1

[Михаил Плюснин]

$("#show_phone").click(function(){
      $('#show_phone_cont').show(function(){
        $('#show_geo_cont').hide();
      });
    });

    $("#show_geo").click(function(){
      $('#show_geo_cont').show(function(){
        $('#show_phone_cont').hide(function(){
        });
      });
    });

Comments

[NemoNab]

Да, работает, спасибо большое!

Answer 2

[Андрей]

а если

$('#aaa').show({
    complete: function(){
        $('#bbb').hide();
    }
});

Comments

[NemoNab]

$("#show_phone").click(function(){
			$('#show_phone_cont').show(function(){
				$('#show_phone').hide(function(){
				});
			});
		});
		$('#show-phone').show({
			complete: function(){
				$('#show_geo_cont').hide();
			}
		});

		$("#show_geo").click(function(){
			$('#show_geo_cont').show(function(){
				$('#show_geo').hide(function(){
				});
			});
		});
		$('#show-geo').show({
			complete: function(){
				$('#show_phone_cont').hide();
			}
		});

Вот так вот не работает.

[Андрей]

$("#show_geo").click(function(){
$('#show_geo_cont').show({
complete: function(){
$('#show_geo').hide(function(){
}
});
});
});

[NemoNab]

Андрей: Это совсем не работает

[eldar_web]

Напишите свой код сюда codepen.io и предоставьте!