I have a simple jquery file named animations.js and this is all it contains
$(function(){
$("#recurringMonthlyExpensesDiv").on('click', function(){
$("#recurringMonthExpensesUL").slideToggle();
});
});
I want to use jquerys slideToggle function as you can see I am even running the function within a document ready function but this does not work. I have checked the order in which my files are loaded and they seem to be fine. The order is my app.js, controllers.js, jquery.js and animations.js I have even tried moving my custom animations.js file down just before the closing body tag in the index.html file still not working - any ideas?