Что написано не так?

Question

[Ilya Korablev]

Что я написал не так?

$(".info").click(function(){
		$(".modal").show();
	});
	
	$(".close").click(function(){
		$(".modal").hide();
	});

Через консоль все работает.

<div class="modal">
		<div class="other">
			<h1>Как узнать ID</h1>
			<hr/>
			<p>У Вас есть ссылка вида: vk.com/wall-***_^^^. То, что * - это <b>ID сообщества</b>, а то что ^ - это <b>ID записи</b></p>
			<button class="close">Спасибо</button>
		</div>
	</div>	
	<header>
		<a class="info">Как узнать ID?</a>
	</header>

Comments

[potapovdmtriy]

Что за консоль ?

Answer 1

[Виталий Инчин ☢]

Все это нужно вложить в $(document).ready(function(){});

Answer 2

[Immortal_pony]

jsfiddle.net/tvqtqp5t
Все работает вроде как.
А чего вы хотите добиться?

Comments

[Ilya Korablev]

display: none изначально должен стоять же?

[Immortal_pony]

В вашем коде его нет. Если нужен - поставьте.
jsfiddle.net/tvqtqp5t/1

Answer 3

[Alastor]

jsfiddle.net/tvqtqp5t/3

Answer 4

[Сергей Мельников]

$(function() {
  $(".info").click(function(){
    $(".modal").show();
  });
  
  $(".close").click(function(){
    $(".modal").hide();
  });
})