+<script language="javascript">
+$( document ).ready(function() {
+ $( ".chartrow" ).hide();
+ $( "#hide_charts_button" ).hide();
+ $( "#hide_chartlist_button" ).hide();
+ $( "#chartlist" ).hide();
+ $( '.category:even' ).css('background-color','#f0f0f0');
+ $( '.category:odd' ).css('background-color','#f8f8f8');
+
+ $( "#show_chartlist_button" ).click(function() {
+ $( "#chartlist" ).toggle();
+ $('html, body').animate({
+ scrollTop: $(this).offset().top
+ }, 500);
+ $(this).hide();
+ $("#hide_chartlist_button").show();
+ });
+
+ $( "#hide_chartlist_button" ).click(function() {
+ $( "#chartlist" ).toggle();
+ $('html, body').animate({
+ scrollTop: $(this).offset().top
+ }, 500);
+ $(this).hide();
+ $("#show_chartlist_button").show();
+ });
+
+ $( "#hide_buttons_button" ).click(function() {
+ $( ".hide" ).hide();
+ });
+
+ $( "#show_buttons" ).click(function() {
+ $( ".hide" ).show();
+ });
+
+ $( "#show_charts_button" ).click(function() {
+ $( ".chartrow" ).show();
+ $(this).hide();
+ $("#hide_charts_button").show();
+ });
+
+ $( "#hide_charts_button" ).click(function() {
+ $( ".chartrow" ).hide();
+ $(this).hide();
+ $("#show_charts_button").show();
+ });
+
+ $( ".category" ).click(function() {
+ var chartrow_class = $(this).attr('data-catid');
+ $('.' + chartrow_class).toggle();
+ });
+})
+
+</script>