// remap jQuery to $
(function($){

    //Add slideFadeToggle
    jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
      return this.animate({opacity: 'toggle', height: 'toggle'}, speed, easing, callback);  
    };

    $(document).ready(function(){
        $('a.ribbon-show').click(function() {
            //$('body').find("div.open").removeClass("open").slideFadeToggle();
            $(this).toggleClass("active");
            
            if ($(this).is('.active')) {
            	$(this).find("span").text("click to collapse").append(' <b>-</b>');
	        	$(this).parent().next("div.slide").addClass("open").slideFadeToggle();
            } else { 
	        	$(this).find("span").text("click to expand").append(' <b>+</b>');
            	$(this).parent().next("div.slide").addClass("open").slideFadeToggle();
            }
        });
                
        $('a.show').click(function() {
            $(this).toggleClass("active");
            
            if ($(this).is('.active')) {
                $(this).animate({
                    fontSize: '16px',
                    lineHeight: '20px',
                    marginBottom: '6px',
                    marginTop: '5px'
                }, 70, 'linear', function() {});
                
                $(this).find("b").text("");
            } else {
                $(this).animate({
                    fontSize: '13px',
                    lineHeight: '16px',
                    marginBottom: '10px',
                    marginTop: '0px'
                }, 70, 'linear', function() {});
                $(this).find("b").text("+");
            }
            
            $(this).next("div.slide").addClass("open").slideFadeToggle();
        });
    
    });

 



})(window.jQuery);