Hi there,
I am trying to use a simple jQuery script to rotate through some list items in an unordered list.
I have managed to get this script to successfully work on a different page on a different site but am returning a browser error when transplanting the code onto the new page. Wordpress is loading jQuery and I have written a function to successfully load the following code into the head section within <script> tags
$(document).ready(function(){
$('#testimonials .slide');
setInterval(function(){
$('#testimonials .slide').filter(':visible').fadeOut(1000,function(){
if($(this).next('li.slide').size()){
$(this).next().fadeIn(1000);
}
else{
$('#testimonials .slide').eq(0).fadeIn(1000);
}
});
},10000);
});
Firebug returns the error $ is not a function. I’m sure its something basic that I have missed but thought I’d better consult the experts anyhow.
Any help most appreciated,
Thanks in advance