Почему не работает код js?

Question

[Юрий]

Сам код

$('#clickme').click(function() {
    $('#robot').hide('slow', function() {
        $('#result').html("<div class='object_info'></div>");
    });
});

При нажатии на блок должен появится другой блок, но в консоли пишет ошибку:

Uncaught ReferenceError: $ is not defined

На всякий случай https://codepen.io/YuriyFaizov/pen/ZMLpXO

Answer 1

[Владимир Проскурин]

Какой блок должен появляться? Вы же используете hide а не show. Да и в HTML не блока с ID robot. Событие выполняется, но т.к. такого блока нет, ничего не происходит.

Comments

[Юрий]

Спасибо, не заметил этого. А можно ли там же сделать скрытие блока при клике?

Answer 2

[Сергей Соколов]

На момент выполнения кода jQuery еще не загружен.

Comments

[Юрий]

Как исправить?

[Arman]

Юрий, ??

$(function() {
// ваш код
});

[Сергей Соколов]

<script src="jquery.js"></script> <!--  сначала загрузили jquery, без async -->
<script>  <!-- потом ваш код, в обёртке -->
$(document).ready(function(){
// ваш код
});
</script>

[Юрий]

Сергей Соколов, Ошибка осталась

[Юрий]

Артём Петренков, Я уже решил проблему