Функция jQuery .slideToggle() не работает

Question

Я нашел несколько кодов jQuery для показа контента с эффектом слайда, но ни один из них не работает.

код Javasccript:

$('#clickme').click(function() { 
     $('#pic').slideToggle('slow', function() { 
     }); 
    }); 

HTML-:

<div id="clickme"> 
     click here</div> 
    <img id="pic" src="Img/Gallery/123.jpg" /> 

Когда я нажимаю "жми меня" DIV, ничего не происходит. Я также пробовал это:

$("div").click(function() { 
    $(this).hide("slide", { direction: "down" }, 1000); 
}); 

Но опять же ничего не происходит. В чем проблема? Спасибо!

Answer 1

Есть два способа, которыми он работает:

1) Добавьте следующий код в заголовке

$(document).ready(function() { 
$("div").click(function() { 
$('#pic').slideToggle('slow', function() { 
    }); 
}); 
}); 

2) Поместите ваш код после последнего DIV!

И, очевидно, вы должны включить файл jquery! Например:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 

Answer 2

Поместите свой код в

$(document).ready(function(){ 
    // Your code here  
}); 

Answer 3

вы shlould загрузить JQuery, добавив эту строку в head:

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script> 

Answer 4

Вы также можете изменить свой код на этот:

$("div").on("click", function() { 
     $(this).hide("slide", { direction: "down" }, 1000); 
    }); 

Answer 5

Проверьте это jsfiddle, чтобы увидеть рабочий пример.) Кстати, нет необходимости передавать пустую функцию slideToggle, я полагаю.

Я думаю, единственное различие заключается в том, что вы пытаетесь запустить свой javascript не как onload; он не находит никаких элементов «clickme», поэтому функция обработчика событий не вызывается.