Помогите! Я

я работаю над мясистым проектом emberjs / yeoman, который использует несколько шаблонов hbs, которые можно перенаправить из одного приложения. hbs 'с боковой панели.

Проблема заключается в том, что когда я загружаю страницу, иногда Jquery, заставляющий свернуть боковую панель, не работает, в то время как другие jquery в этом же файле работают. Иногда вообще ничего не работает.

я вызываю мой javascript / jquery из одного файла с именем magic.js

magic.js - последнее, что вызывается перед закрытием тела.

Это файл magic.js

$( document ).ready(function() {
   var close=true


   $(".collapsibleHeader").click(function(){
         $(this).siblings().slideToggle("fast");
   });
// Sidebar START
  $(".arrow").click(function() {
   if($('.float-left-col').css('width')=='200px') {
         $('.float-left-col').removeClass('open');
         $('.float-left-col').addClass('closed');
         $('.sidebar-button-text').addClass('vanish');
         $('.arrow').removeClass('reverse-rotate');
         $('.arrow').addClass('rotate');
         $('.full-logo').addClass('vanish');
         $('.logo-only-container').removeClass('vanish');
         $('.content-container').css('margin-left','80px')

      }
   else {
         $('.float-left-col').removeClass('closed');
         $('.float-left-col').addClass('open');
         $('.arrow').addClass('reverse-rotate');
         $('.logo-only-container').addClass('vanish');
         $('.full-logo').removeClass('vanish');
         var delay = setTimeout(function(){
            $('.sidebar-button-text').removeClass('vanish');},250)
         $('.arrow').removeClass('rotate');
         $('.content-container').css('margin-left','200px');
      }
   });

Боковая панель, которая нет работает в файле application.hbs, поэтому яЯ не уверен, почему это остановит загрузку.

    
      
        
//..stuff inside the sidebar..

Почему мой JavaScript не загружается должным образом? Должен ли я вызывать его в другой файл / ы?