jQuery(document).ready(function($) {
    
             $(".print_btn").click(function(){
                var linky = $(this).attr("id");  
                $("#recipe_card_"+linky+"").printArea({mode: "popup",popWd: 700, popClose: false});
            });   
        
        
            $("#header a, #header a >*").hover(
                function() {
                $(this).animate({"opacity": "0.5"}, "fast");
                },
                function() {
                $(this).animate({"opacity": "1"}, "fast");
            });


//accordion

var list = $('#twentyseven');

    list.find('li > div').hide();    //hide all nested ul's
    list.find('li > h3[class=current]').parents('ul').show().prev('a').addClass('accordionExpanded');  //show the ul if it has a current link in it (current page/section should be shown expanded)
    list.find('li:has(div)').addClass('accordion');  //so we can style plus/minus icons
    list.find('li:has(div) > h3').click(function() {
        $(this).toggleClass('accordionExpanded'); //for CSS bgimage, but only on first a (sub li>a's don't need the class)
        $(this).next('div').slideToggle('fast');
        $(this).parent().siblings('div').children('ul:visible').slideUp('fast')
            .parent('li').find('h3').removeClass('accordionExpanded');
        return false;
    });
        
        }); //doc ready