</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="alert alert-danger text-center" role="alert"> As of March 7, the City of Columbus and Franklin County have lifted their mask mandates. Wearing a mask at the Museum is now optional. <a href='https://www.columbusmuseum.org/visit/' class='alert-link'>Click here</a> for more information on visiting and to reserve a ticket. </div> <div class="wrapper"> <header class="new-header"> <nav class="navbar "> <div class="container"> <!-- logo --> <div class="top-header"> <div class="logo-section"> <a href="https://www.columbusmuseum.org/" class="navbar-brand" id="site-logo" title="Columbus Museum of Art" rel="home"> <img src="http://www.columbusmuseum.org/wp-content/uploads/2015/10/logo.png" alt="Columbus Museum of Art"> </a> </div> <!-- right search bar and menu icon --> <div class="right-section test"> <div class='navigation'> <ul id="menu-middle-navigation" class="middle-nav"><li id="menu-item-160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-160"><a href="https://www.columbusmuseum.org/about-cma/">About</a></li> <li id="menu-item-17402" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17402"><a href="https://www.columbusmuseum.org/about-cma/blog/">Blog</a></li> <li id="menu-item-169" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-169"><a href="https://www.columbusmuseum.org/resources/">Resources</a></li> <li id="menu-item-18057" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18057"><a href="https://www.columbusmuseum.org/newsroom/">Newsroom</a></li> </ul> <ul class="social-nav"> <div class="textwidget"><li><a href='http://www.facebook.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-facebook"></i></a></li> <li><a href='https://twitter.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-twitter"></i></a></li> <li><a href='http://www.instagram.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-instagram"></i></a></li> <li><a href='https://www.youtube.com/user/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-youtube"></i></a></li> </div> </ul> <div class="clearfix"></div> </div> <div class="right_search mobile-search search-section"> <div class="srch-area desktp-view"> <i class='fa fa-search'></i> <form method="get" class="search-form" id="searchform" action="https://www.columbusmuseum.org/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" name="s" id="s" placeholder="Search..." /> </label> <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /> </form> </div> </div> </div> </div> </div> <div class="right_search mobile-search-landscape search-section"> <div class="srch-area desktp-view"> <i class='fa fa-search'></i> <form method="get" class="search-form" id="searchform" action="https://www.columbusmuseum.org/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" name="s" id="s" placeholder="Search..." /> </label> <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /> </form> </div> </div> <div class="bottom-header"> <div class="menu-icon"> MENU </div> <div class='big-menu'> <div class="container"> <div class="inner"> <!---- Navigation Section ----> <ul id="menu-main-navigation" class="main-nav"><li id="menu-item-30304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30304"><a href="https://www.columbusmuseum.org/visit/">Visit</a></li> <li id="menu-item-25265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25265"><a href="https://www.columbusmuseum.org/art-exhibitions/">Art & Exhibitions</a></li> <li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-102"><a href="https://www.columbusmuseum.org/calendar-and-events/">Events & Programs</a></li> <li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151"><a href="https://www.columbusmuseum.org/join-give/">Join & Give</a></li> <li id="menu-item-145" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-145"><a href="https://www.columbusmuseum.org/host-your-event/">Host Your Event</a></li> <li id="menu-item-15027" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15027"><a href="http://museumstore.columbusmuseum.org">Museum Store</a></li> </ul> <div class="mobile-top-menu"> <div class='navigation'> <ul id="menu-middle-navigation-1" class="middle-nav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-160"><a href="https://www.columbusmuseum.org/about-cma/">About</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17402"><a href="https://www.columbusmuseum.org/about-cma/blog/">Blog</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-169"><a href="https://www.columbusmuseum.org/resources/">Resources</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18057"><a href="https://www.columbusmuseum.org/newsroom/">Newsroom</a></li> </ul> <ul class="social-nav"> <div class="textwidget"><li><a href='http://www.facebook.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-facebook"></i></a></li> <li><a href='https://twitter.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-twitter"></i></a></li> <li><a href='http://www.instagram.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-instagram"></i></a></li> <li><a href='https://www.youtube.com/user/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-youtube"></i></a></li> </div> </ul> <div class="clearfix"></div> </div> </div> <!--- Social Links ---> </div> </div> </div> </div> <div class="right_search full-screen-search"> <div class="srch-area mobile-view"> <i class='fa fa-search'></i> <form method="get" class="search-form" id="searchform" action="https://www.columbusmuseum.org/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" name="s" id="s" placeholder="Search..." /> </label> <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /> </form> </div> </div> </div> </nav> </header> </div> <div class="wrap cx"> <div class="container"> <div id="section-heading" class="blog"> <h1><a href="/blog/">CMA Blog</a></h1> </div><!-- #section-heading --> <div id="content"> <div class="primary"> <div class="full box post-box"> <div id="post-36915" class="post-36915 post type-post status-publish format-standard has-post-thumbnail hentry category-creativity category-programs category-stay-connected tag-creativity tag-education tag-play tag-wonder-school"> <div class="photo"> <a href="https://www.columbusmuseum.org/blog/2021/11/12/getting-smart-oct-2021/" title="Getting Smart"><img src="https://www.columbusmuseum.org/wp-content/uploads/2021/11/20210908_093432-scaled.jpg" alt="Getting Smart" ></a> </div> <h2 class="post-title"> <a href="https://www.columbusmuseum.org/blog/2021/11/12/getting-smart-oct-2021/" rel="bookmark" title="Permanent Link to Getting Smart">Getting Smart</a> </h2> <div class="post-meta"> <small>November 12th, 2021 by <a href="https://www.columbusmuseum.org/blog/author/cat-lynch/" title="Posts by Caitlin Lynch" rel="author">Caitlin Lynch</a></small> </div> <div class="entry"> <div class="at-above-post-arch-page addthis_tool" data-url="https://www.columbusmuseum.org/blog/2021/11/12/getting-smart-oct-2021/"></div> <p>At the Columbus Museum of Art (CMA), we believe that play is Serious Business for children. The body of research that supports this belief is deep, wide and filled with good data gathered by folks smarter than me (including Dr. <a href="https://www.columbusmuseum.org/blog/2021/11/12/getting-smart-oct-2021/">Read More…</a><!-- AddThis Advanced Settings above via filter on get_the_excerpt --><!-- AddThis Advanced Settings below via filter on get_the_excerpt --><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons above via filter on get_the_excerpt --><!-- AddThis Share Buttons below via filter on get_the_excerpt --></p> <div class="at-below-post-arch-page addthis_tool" data-url="https://www.columbusmuseum.org/blog/2021/11/12/getting-smart-oct-2021/"></div> <p><!-- AddThis Share Buttons generic via filter on get_the_excerpt --></p> </div> <div class="post-utility"> <small>Posted in <a href="https://www.columbusmuseum.org/blog/category/creativity/" rel="category tag">Creativity</a>, <a href="https://www.columbusmuseum.org/blog/category/programs/" rel="category tag">Programs</a>, <a href="https://www.columbusmuseum.org/blog/category/stay-connected/" rel="category tag">Stay Connected</a></small> </div> </div> <div id="post-32486" class="post-32486 post type-post status-publish format-standard has-post-thumbnail hentry category-stay-connected tag-racism tag-wonder-school"> <div class="photo"> <a href="https://www.columbusmuseum.org/blog/2020/06/08/talking-to-young-kids-about-racism/" title="Talking to Young Kids About Racism"><img src="https://www.columbusmuseum.org/wp-content/uploads/2020/06/Talk-about-race-627.jpg" alt="Talking to Young Kids About Racism" ></a> </div> <h2 class="post-title"> <a href="https://www.columbusmuseum.org/blog/2020/06/08/talking-to-young-kids-about-racism/" rel="bookmark" title="Permanent Link to Talking to Young Kids About Racism">Talking to Young Kids About Racism</a> </h2> <div class="post-meta"> <small>June 8th, 2020 by <a href="https://www.columbusmuseum.org/blog/author/cat-lynch/" title="Posts by Caitlin Lynch" rel="author">Caitlin Lynch</a></small> </div> <div class="entry"> <div class="at-above-post-arch-page addthis_tool" data-url="https://www.columbusmuseum.org/blog/2020/06/08/talking-to-young-kids-about-racism/"></div> <p>At Wonder School, and all of our early childhood programming at the Columbus Museum of Art, anti-racist teaching is at the heart of what we do. While we in no way consider ourselves “experts,” we do feel comfortable sharing some <a href="https://www.columbusmuseum.org/blog/2020/06/08/talking-to-young-kids-about-racism/">Read More…</a><!-- AddThis Advanced Settings above via filter on get_the_excerpt --><!-- AddThis Advanced Settings below via filter on get_the_excerpt --><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons above via filter on get_the_excerpt --><!-- AddThis Share Buttons below via filter on get_the_excerpt --></p> <div class="at-below-post-arch-page addthis_tool" data-url="https://www.columbusmuseum.org/blog/2020/06/08/talking-to-young-kids-about-racism/"></div> <p><!-- AddThis Share Buttons generic via filter on get_the_excerpt --></p> </div> <div class="post-utility"> <small>Posted in <a href="https://www.columbusmuseum.org/blog/category/stay-connected/" rel="category tag">Stay Connected</a></small> </div> </div> <div class="clear"></div> </div><!-- .box --> </div><!-- .primary --> </div><!-- .content --> </div><!--/.container--> </div><!--/.wrap--> <!-- footer starts here --> <div class="container"> <footer> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-4 footer-col-1"> <div class="menu-annual-report-container"><ul id="menu-annual-report" class="menu"><li id="menu-item-30306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30306"><a href="https://www.columbusmuseum.org/visit/">Visit</a></li> <li id="menu-item-137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-137"><a href="http://www.columbusmuseum.org/art-exhibitions/">Art & Exhibitions</a></li> <li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://www.columbusmuseum.org/calendar-and-events/">Events & Programs</a></li> <li id="menu-item-14876" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14876"><a href="https://www.columbusmuseum.org/host-your-event/">Host Your Event</a></li> <li id="menu-item-152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152"><a href="https://www.columbusmuseum.org/join-give/">Join & Give</a></li> <li id="menu-item-15028" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15028"><a href="http://museumstore.columbusmuseum.org">Museum Store</a></li> </ul></div> </div> <div class="col-xs-12 col-sm-4 col-md-4 footer-col-2"> <ul> <div class="textwidget"><strong>Hours</strong> <li>Tues: 10:00 AM – 5:00 PM</li> <li>Weds: 10:00 AM – 5:00 PM</li> <li>Thurs: 10:00 AM – 9:00 PM</li> <li>Fri – Sun: 10:00 AM – 5:00 PM</li> <li>Mon: Closed</li> <br /> <div class="createsend-button" style="height:27px;display:inline-block;" data-listid="j/EF/D60/2CA/86BCE9D8CBD1B5CD"> </div><script type="text/javascript">(function () { var e = document.createElement('script'); e.type = 'text/javascript'; e.async = true; e.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://btn.createsend1.com/js/sb.min.js?v=3'; e.className = 'createsend-script'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); })();</script></div> </ul> </div> <div id="ttdUniversalPixelTagc083a37a0cc14cd789bc8675d3e965ac" style="display:none"> <script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script> <script type="text/javascript"> (function(global) { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("g1sju7p", ["pfyd4mj"], "https://insight.adsrvr.org/track/up", "ttdUniversalPixelTagc083a37a0cc14cd789bc8675d3e965ac"); } })(this); </script> </div> <div class="col-xs-12 col-sm-4 col-md-4 footer-col-3"> <ul> <li> <img src="http://www.columbusmuseum.org/wp-content/uploads/2015/10/logo.png" alt="Columbus Museum of Art"> </li> <div class="textwidget"> <li>© <script> var d = new Date(); var n = d.getFullYear(); document.write(n); </script> Columbus Museum of Art</li> <li>480 East Broad Street, Columbus, OH 43215</li> <li>614.221.6801</li></div> </ul> </div> </div> </footer> </div> </div> <li id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="modal-body"> <div class="image-wrap"> <img src="http://www.columbusmuseum.org/wp-content/uploads/2020/05/Schokko-Make-a-Gift.jpg" alt="Make a Gift" title='Make a Gift'> </div> <div class="button-wrap"> <a class="donate_btn" rel="noopener noreferrer">Donate Now</a> <p class="Loader" style="display:none;">Redirecting...</p> </div> </div> </div> </div> </div></div></li> <script type="text/javascript" alt='evo_map_styles'> /*<![CDATA[*/ var gmapstyles = 'default'; /* ]]> */ </script> <div id="su-footer-links" style="text-align: center;"></div><noscript><img height="1" width="1" style="display: none;" src="https://www.facebook.com/tr?id=370084730976584&ev=PageView&noscript=1&cd%5Bpost_category%5D=Creativity%2C+Programs%2C+Stay+Connected&cd%5Bpage_title%5D=Wonder+School&cd%5Bpost_type%5D=tag&cd%5Bpost_id%5D=558&cd%5Bplugin%5D=PixelYourSite&cd%5Buser_role%5D=guest&cd%5Bevent_url%5D=www.columbusmuseum.org%2Fblog%2Ftag%2Fwonder-school%2F" alt="facebook_pixel"></noscript> <div class='evo_lightboxes' style='display:block'> <div class='evo_lightbox eventcard eventon_events_list' id='' > <div class="evo_content_in"> <div class="evo_content_inin"> <div class="evo_lightbox_content"> <a class='evolbclose '>X</a> <div class='evo_lightbox_body eventon_list_event evo_pop_body evcal_eventcard'> </div> </div> </div> </div> </div> </div><script data-cfasync="false" type="text/javascript">if (window.addthis_product === undefined) { window.addthis_product = "wpp"; } if (window.wp_product_version === undefined) { window.wp_product_version = "wpp-6.2.6"; } if (window.addthis_share === undefined) { window.addthis_share = {}; } if (window.addthis_config === undefined) { window.addthis_config = {"data_track_clickback":true,"ignore_server_config":true,"ui_atversion":"300"}; } if (window.addthis_layers === undefined) { window.addthis_layers = {}; } if (window.addthis_layers_tools === undefined) { window.addthis_layers_tools = []; } else { } if (window.addthis_plugin_info === undefined) { window.addthis_plugin_info = {"info_status":"enabled","cms_name":"WordPress","plugin_name":"Share Buttons by AddThis","plugin_version":"6.2.6","plugin_mode":"WordPress","anonymous_profile_id":"wp-cfc01b81209beecf252448a52d42969c","page_info":{"template":"archives","post_type":["post","news_room"]},"sharing_enabled_on_post_via_metabox":false}; } (function() { var first_load_interval_id = setInterval(function () { if (typeof window.addthis !== 'undefined') { window.clearInterval(first_load_interval_id); if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) { window.addthis.layers(window.addthis_layers); } if (Array.isArray(window.addthis_layers_tools)) { for (i = 0; i < window.addthis_layers_tools.length; i++) { window.addthis.layers(window.addthis_layers_tools[i]); } } } },1000) }()); </script><script type='text/javascript' id='ppress-frontend-script-js-extra'> /* <![CDATA[ */ var pp_ajax_form = {"ajaxurl":"https:\/\/www.columbusmuseum.org\/wp-admin\/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"65642ff175","disable_ajax_form":"false"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/wp-user-avatar/assets/js/frontend.min.js?ver=3.2.10' id='ppress-frontend-script-js'></script> <script type='text/javascript' id='wp-jquery-lightbox-js-extra'> /* <![CDATA[ */ var JQLBSettings = {"fitToScreen":"1","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"0","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"https:\/\/www.columbusmuseum.org\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/next.gif","jqlb_previous_button_image":"https:\/\/www.columbusmuseum.org\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"https:\/\/www.columbusmuseum.org\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/wp-lightbox-2/js/dist/wp-lightbox-2.min.js?ver=1.3.4.1' id='wp-jquery-lightbox-js'></script> <script type='text/javascript' src='//www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/eventon_functions.js?ver=2.6.11' id='evcal_functions-js'></script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/handlebars.js?ver=2.6.11' id='evo_handlebars-js'></script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/jquery.mobile.min.js?ver=2.6.11' id='evo_mobile-js'></script> <script type='text/javascript' src='//www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/jquery.mousewheel.min.js?ver=2.6.11' id='evo_mouse-js'></script> <script type='text/javascript' id='evcal_ajax_handle-js-extra'> /* <![CDATA[ */ var the_ajax_script = {"ajaxurl":"https:\/\/www.columbusmuseum.org\/wp-admin\/admin-ajax.php","postnonce":"8d3b1bcd7d"}; /* ]]> */ </script> <script type='text/javascript' src='//www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/eventon_script.js?ver=2.6.11' id='evcal_ajax_handle-js'></script> <script type='text/javascript' src='https://s7.addthis.com/js/300/addthis_widget.js?ver=5.6.8#pubid=wp-cfc01b81209beecf252448a52d42969c' id='addthis_widget-js'></script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-includes/js/wp-embed.min.js?ver=5.6.8' id='wp-embed-js'></script> <script type="text/javascript"> jQuery.noConflict(); ( function ( $ ) { $( function () { $( "area[href*=\\#],a[href*=\\#]:not([href=\\#]):not([href^='\\#tab']):not([href^='\\#quicktab']):not([href^='\\#pane']):not([href^='#tab']):not([href^='#pane']):not([href^='#quicktab'])" ).click( function () { if ( location.pathname.replace( /^\//, '' ) == this.pathname.replace( /^\//, '' ) && location.hostname == this.hostname ) { var target = $( this.hash ); target = target.length ? target : $( '[name=' + this.hash.slice( 1 ) + ']' ); if ( target.length ) { $( 'html,body' ).animate( { scrollTop: target.offset().top - 20 },500 , 'easeInOutCirc' ); return false; } } } ); } ); } )( jQuery ); </script> <!-- Facebook Comments Plugin for WordPress: http://peadig.com/wordpress-plugins/facebook-comments/ --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=220052401435660&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-4638578-1"); pageTracker._initData(); pageTracker._trackPageview(); jQuery(document).ready(function($) { jQuery(window).scroll(function(){ if (jQuery(window).scrollTop() >= 180) { jQuery('.bottom-header').addClass('fixed-header'); } else { jQuery('.bottom-header').removeClass('fixed-header'); } }); }); </script> <script> jQuery(document).ready(function($) { $(".check-cal").click(function(event){ $('html, body').animate({ scrollTop: $("#cal-div").offset().top - 87 }, 2000); }); }); </script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>