$(document).ready(function() {

                    // When mouse enter a navigation item
                    $(".tabbed_area a.nav-item").mouseenter(function() {

                        // Make all content elements not active and hide them
                        $(".tabbed_area .nav-item-hover").removeClass("active");
                        $(".tabbed_area .nav-item-hover").hide();

                        // Figure out the content element for the current navigation item.  Then make that content element active.
                        var content_show = $(this).attr("name");
                        $("#" + content_show).addClass("active");
                       
                        $("#" + content_show).slideDown('fast', function() {
                            $(this).not(".active").hide();
                        });

                        return false;

                    });

                    // When mouse leave a content element
                    $(".tabbed_area .nav-item-hover").mouseleave(function() {
                        $(this).removeClass("active");
                        $(this).hide();
                    });
                });