script.js

//= require jquery
//= require jquery-ui
//= require functions
//= require plugins
//= require elfinder
//= require datatables
//= require wl_Date
//= require wl_Time
//= require wl_Widget
//= require wl_Multiselect
//= require wl_Number
//= require wl_Password
//= require wl_Valid
//= require wl_Dialog
//= require wl_Alert
//= require wl_Form
//= require wl_Store
//= require wl_Chart
//= require flot
//= require editor
//= require calendar
//= require wl_Autocomplete
//= require wl_Breadcrumb
//= require wl_Calendar
//= require wl_Color
//= require wl_Editor
//= require wl_File
//= require wl_Fileexplorer
//= require wl_Gallery
//= require wl_Slider
//= require config
//= require script



//Main Navigation		
		var $nav = $('#nav');

		$nav.delegate('li','click.wl', function(event){
            alert("greetings");
			var _this = $(this),
				_parent = _this.parent(),
				a = _parent.find('a');
			_parent.find('ul').slideUp('fast');
			a.removeClass('active');
			_this.find('ul:hidden').slideDown('fast');
			_this.find('a').eq(0).addClass('active');
			event.stopPropagation();
		});


<nav>
  <ul id="#nav">
    <li class="i_house"><%= link_to content_tag(:span, 'Dashboard'), "#", :class=>"active" %></li>
    <li class="i_book"><%= link_to content_tag(:span, 'Test'), "#" %>
        <ul>
          <li><%= link_to content_tag(:span, 'test1'), "#" %></li>
          <li><%= link_to content_tag(:span, 'test2'), "#" %></li>
          <li><%= link_to content_tag(:span, 'test3'), "#" %></li>
        </ul>
    </li>
  </ul>
</nav>