$(function(){
    
    $(".modalOpen").click(function(){
            
        var navClass = $(this).attr("class"),
        href = $(this).data("id");
            
        $(href).fadeIn();
        $(this).addClass("open");
        //cssアニメーションの記述を追加する
        $(href).children(".inner").css("animation","modal 0.5s forwards");
        return false;
        
    });
        
    $(".modalClose").click(function(){
            
        $(this).parents(".modal").fadeOut();  
        $(".modalOpen").removeClass("open");
        //cssアニメーションの記述を追加する
        $(this).parents(".modal").children(".inner").css("animation","modalClose 0.5s forwards");
        return false;
        
    });  
        
});