CINXE.COM
Transition Definition & Meaning | Britannica Dictionary
<!DOCTYPE html> <html lang="en_US"> <head> <!--SEO-related tags: title, keywords, description--> <title>Transition Definition & Meaning | Britannica Dictionary</title> <meta name="description" content="TRANSITION meaning: a change from one state or condition to another"> <!--Static meta tags --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta property="fb:app_id" content="177288989106908"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta property="og:type" content="article" /> <meta property="og:title" content="Transition Definition & Meaning | Britannica Dictionary" /--> <meta property="og:title-unsanitized" content ="Transition Definition & Meaning | Britannica Dictionary" /> <meta property="og:description" content="TRANSITION meaning: a change from one state or condition to another" /--> <meta property="og:description-unsanitized" content ="TRANSITION meaning: a change from one state or condition to another" /> <meta property="og:url" content="https://www.britannica.com/dictionary/transition" /> <meta property="og:image" content="https://merriam-webster.com/assets/ld/logos/LearnersLogo.png" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:site" content="@Britannica" /> <meta property="twitter:title" content="Transition Definition & Meaning | Britannica Dictionary" /> <meta property="twitter:description" content="TRANSITION meaning: a change from one state or condition to another" /> <meta property="twitter:image" content="https://merriam-webster.com/assets/ld/logos/LearnersLogo.png" /> <script async src="https://dLfLNghY49Lmt957x.ay.delivery/manager/dLfLNghY49Lmt957x" type="text/javascript" referrerpolicy="no-referrer-when-downgrade"></script> <script type="text/javascript" data-type="googletags"> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; googletag.cmd.push(function() { googletag.pubads().setTagForChildDirectedTreatment(0); googletag.pubads().setTagForUnderAgeOfConsent(0); }); </script> <!--Opensearch link--> <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="Britannica Dictionary" /> <link rel="canonical" href="https://www.britannica.com/dictionary/transition" /> <!-- FAVICON --> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <!-- VENDOR CSS --> <link href="/dictionary/eb/vendor/normalize.2.1.2/normalize.min.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <link href="/dictionary/eb/vendor/font-awesome-4.0.3/css/font-awesome.min.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <link href="/dictionary/eb/vendor/amodal_1.6.5/amodal.min.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <link href="/dictionary/eb/vendor/jquery-ui-1.10.3.custom/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <!-- SHARED CSS --> <link href="/dictionary/eb/css/shared/mw_style.0001.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <link href="/dictionary/eb/css/shared/utils.0002.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <link href="/dictionary/eb/css/shared/reusable.0002.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <link href="/dictionary/eb/css/shared/resets.0001.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <!-- TEMPLATE CSS (both mobile + desktop)--> <link href="/dictionary/eb/css/main_template.0018.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <!-- Devcon --> <script id="ns_script_dc" data-key="12ca4747-8e80-4a36-b550-dc239c18b954" data-e="5" src="//includemodal.global.ssl.fastly.net/sp.js" type="text/javascript" async></script> <!--MODERNIZR--> <script src="/dictionary/eb/vendor/modernizr.2.7.1/modernizr.custom.95871.js"></script> <!-- jQuery --> <script src="/dictionary/eb/vendor/jquery.1.11.2/jquery-1.11.2.min.js"></script> <!--JS config--> <script type="text/javascript"> window.mwdata = {}; window.mwdata.assetsDomain2 = 'https://merriam-webster.com/assets'; window.mwdata.env = 'production'; window.mwdata.gatReady = false; window.mwdata.gatQueue = []; window.mwdata.tagsPrepped = []; window.mwdata.gTagReady = false; window.mwdata.dfpSvcUp = false; </script> <!-- JS --> <script type="text/javascript"> googletag.cmd.push(function() { if (typeof window.headertag === 'undefined' || window.headertag.apiReady !== true) { window.headertag = googletag; } }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W5CJ3FB');</script> <!-- End Google Tag Manager --> <script src="/dictionary/eb/vendor/requirejs.2.1.6/require.min.js"></script> <script type="text/javascript"> //define jquery define('jquery', function() { return window.jQuery}); //The reason I use js for path construction here - Google reports crawl errors var vnd = '/dictionary/eb/vendor/'; var fwdsl = '/'; requirejs.config({ enforceDefine: false, paths: { //Vendor modules "jquery.jqueryui": vnd + 'jquery-ui-1.10.3.custom' + fwdsl + 'js' + fwdsl + 'jquery-ui-1.10.3.custom.min', "underscore": vnd + 'lodash_1.2.1' + fwdsl + 'lodash.min', "jquery.event_drag": vnd + 'amodal_1.6.5' + fwdsl + 'jquery.event.drag.min', "jquery.amodal": vnd + 'amodal_1.6.5' + fwdsl + 'amodal.min', "jquery.blockui": vnd + 'blockui_2.6.1' + fwdsl + 'jquery.blockUI', "bowser": vnd + 'bowser.0.3.1' + fwdsl + 'bowser.min', "jquery.cookie": vnd + 'jquery_cookie_1.4.0' + fwdsl + 'jquery.cookie', 'matchMedia': '/dictionary/eb/vendor/match-media/matchMedia', //non-AMDs "twitter": '//platform.twitter.com/widgets', "jquery.cycle2": vnd + 'cycle2' + fwdsl + 'jquery.cycle2.20130909.min', "jquery.rrssb": vnd + 'rrssb.1.6.0' + fwdsl + 'js' + fwdsl + 'rrssb.min', //Our modules 'auth_messages': '/dictionary/eb/js/lib/assign_errors.0002', 'uniqueId': '/dictionary/eb/js/lib/uniqueId.0001', 'dynScript': '/dictionary/eb/js/lib/dynScript.0001', 'main': '/dictionary/eb/js/components/main.0001', 'facebookApi': '/dictionary/eb/js/components/facebookApi.0001', 'search': '/dictionary/eb/js/components/search.0001', // 'wodSubscribe': '/dictionary/eb/js/lib/wodSubscribe', }, shim: { "jquery.cycle2": ['jquery'], "jquery.event_drag": ['jquery'], "jquery.amodal": ['jquery.event_drag'], "jquery-ui": { deps: ["jquery"], // jQuery is a dependency exports: "$.ui" // Export the jQuery UI object under $.ui }, "jquery.rrssb": ['jquery'] } }); </script> <!-- <script> //Google analitics (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-296234-17', 'britannica.com'); ga('send', 'pageview'); </script> --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-296234-17"></script> <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZNW8DQHCKM"></script> --> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); let googleAnalyticsConfig = {}; let isHomePage = 'false'; let definitionPage = 'true'; let isAudioPopup = ''; if (isHomePage === 'true') { googleAnalyticsConfig.page_path = "/DICTIONARY/HOMEPAGE"; } else if (definitionPage === 'true') { googleAnalyticsConfig.page_path = '/DICTIONARY/DEFINITION' + location.pathname.substring(location.pathname.indexOf('/dictionary/') + 11) } else if (isAudioPopup === 'true') { googleAnalyticsConfig.page_path = '/DICTIONARY/FEATURE' + location.pathname.substring(location.pathname.indexOf('/dictionary/') + 14) + window.location.search; } else { // feature page - page is not a home page and not a definiton page // includes: Ask the Editor, WOD, Archived WOD, Quizzes, Vocab, etc. googleAnalyticsConfig.page_path = '/DICTIONARY/FEATURE' + location.pathname.substring(location.pathname.indexOf('/dictionary/') + 14); } gtag('config', 'UA-296234-17', googleAnalyticsConfig); // gtag('config', 'G-ZNW8DQHCKM'); </script> </head> <body class="arial_font cm_ld"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5CJ3FB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!--Facebook Api--> <script>require(['facebookApi']);</script> <!--Wrapper--> <div id="wrap_full"> <div id="wrap_c"> <!--Central left--> <div id="wrap_cl" class="ld_xs_hidden noprint"> <!-- <div id = "brit_logo_container"> <a href="https://www.britannica.com/" target="_blank"><img id="brit_logo" src="/dictionary/eb/images/logos/d_brit.0001.jpg" alt="An Encylopedia Britannica Company" /></a> </div> <div id = "logo"> <a href="/"><img src="/dictionary/eb/images/logos/d_logo.0001.gif" alt="Britannica Dictionary Logo" /></a> </div> --> <div id="main-logo-container"> <a href="https://www.britannica.com/dictionary"><img src="/dictionary/eb/images/logos/LearnersLogo.png" alt="An Encylopedia Britannica Company" /></a> </div> <div class="abl abl-m0-t160-d160 ld_xs_hidden"> <div class="ad_slot_left" id="ad_slot_left"></div> </div> </div> <!--Central right--> <div id="wrap_cr"> <!--Mobile top--> <!-- <div class="mobile_top noprint box_sizing ld_xs_visible ld_lg_hidden"> --> <div class="mobile_top noprint box_sizing ld_xs_visible ld_lg_hidden"> <div class="toppest"> <!--Globe logo--> <!-- <img src = "/dictionary/eb/images/logos/m_logo_h.0001.png" class = "globe_logo box_sizing"> --> <a class="globe_logo" href="https://www.britannica.com/dictionary"><img src="/dictionary/eb/images/logos/LearnersLogo.png" class=" box_sizing"></a> <!--Main title--> <div class = "main_title"> <a class="tt" href="https://www.britannica.com/dictionary">The Britannica Dictionary</a> <a class="tb" href="https://www.britannica.com/dictionary">mobile search</a> </div> </div> <!--Search form + menu--> <div class="ld_searchc_m_plusb_w box_sizing"> <div class="ld_searchc_m_plusb box_sizing"> <!--Mobile menu: dropdown--> <ul class="m_menu_ul box_sizing"> <li class="home"> <img src="/dictionary/eb/images/m_menu/ld_menu_icon_home_teal.png" /> <a href="/">Home</a> </li> <li class="qa"> <img src="/dictionary/eb/images/m_menu/ld_menu_icon_qa_teal.png" /> <a href="/dictionary/eb/qa/archives">Ask the Editor</a> </li> <li class="wod"> <img src="/dictionary/eb/images/m_menu/ld_menu_icon_cal_teal.png" /> <a href="/dictionary/eb/word-of-the-day">Word of the Day</a> </li> <li class="quizzes ld_xs_hidden"> <img src="/dictionary/eb/images/m_menu/ld_menu_icon_vocabquiz_teal.png" /> <a href="/dictionary/eb/quizzes">Quizzes</a> </li> <li class="words_3000"> <img src="/dictionary/eb/images/m_menu/ld_menu_icon_3k_teal.png" /> <a href="/dictionary/eb/3000-words">Core Vocabulary</a> </li> <li class="browse_dictionary"> <img src="/dictionary/eb/images/m_menu/ld_menu_icon_dictionary.svg" /> <a href="/dictionary/eb/browse/a">Browse the Dictionary</a> </li> <!-- <li class="saved"> <img src="/dictionary/eb/images/m_menu/ld_menu_icon_star_teal.png" /> <a href="/saved-words">My Saved Words</a> </li> --> </ul> <!--Mobile menu: search form--> <div id = "ld_searchc_m" class="box_sizing"> <div class="frm box_sizing"> <!--Mobile menu: menu button--> <a href="#" class="m_menu_btn box_sizing"> <i class="fa fa-bars"></i> <div class="prick"></div> </a> <!--Mobile menu: search container--> <div class="ld_search_inp_c box_sizing"> <input autocapitalize="off" type="text" name="ld_search_inp" class="box_sizing ld_search_inp_c ld_search_inp" maxlength="200" rows=1 placeholder="Search for a word" value="transition" /> </div> <!--Mobile menu: search icon--> <i class="fa fa-search fa-flip-horizontal search_btn box_sizing"></i> <!--Mobile menu: clear icon--> <span class="clear_btn">×</span> <!--Mobile menu: autocomplete holder--> <div class="autocomplete_holder_m box_sizing"></div> </div> </div> </div> </div> </div> <!--Central right: top--> <div id="wrap_cr_t" class="ld_xs_hidden noprint box_sizing"> <div class="abl abl-m0-t728-d728 ld_xs_hidden"> <div class="ad_slot_top" id="ad_slot_top"></div> </div> </div> <!--Central right: bottom--> <div id="wrap_cr_b" class="box_sizing"> <!--Central right: bottom: left column--> <div id="wrap_cr_bl" class="box_sizing"> <!--Desktop top--> <div class="desktop_top box_sizing ld_xs_hidden ld_lg_visible noprint"> <!--Top menu--> <div class="section-links noprint"> <ul> <li class="britannica-home_link"> <a class="nmlink" href="https://www.britannica.com/">Britannica Homepage</a> </li> <li class="ask_the_editor_link"> <a class="nmlink" href="/dictionary/eb/qa/archives">Ask the Editor</a> </li> <li class="word_of_the_day_link"> <a class="nmlink" href="/dictionary/eb/word-of-the-day">Word of the Day</a> </li> <li class="quizzes_link"> <a class="nmlink" href="/dictionary/eb/quizzes">Quizzes</a> </li> <li class="words_3000_link"> <a class="nmlink" href="/dictionary/eb/3000-words">Core Vocabulary</a> </li> <!-- <li class="most_popular_words_link"> <a class="nmlink" href="/dictionary/eb/most-popular-words">Most Popular</a> </li> --> <li class="browse_dictionary"> <a class="nmlink" href="/dictionary/eb/browse/a">Browse the Dictionary</a> </li> <!-- <li class="favorites_link"> <a class="nmlink" href="/saved-words">My Saved Words</a> </li> --> </ul> </div> <!--Main title--> <div id="main_title" class="georgia_font noprint"> <a href="https://www.britannica.com/dictionary"> <span>The Britannica Dictionary</span> </a> </div> <!--Search form--> <div id="ld_searchc_d" class="box_sizing noprint"> <div class="frm box_sizing"> <input type="text" name="ld_search_inp" class="ld_search_inp box_sizing " maxlength="200" rows=1 placeholder="Search for a word" value="transition" /> <div class="autocomplete_holder_d"></div> </div> <button class="search_btn"></button> </div> </div> <!--Actual content --> <!--CSS--> <link href="/dictionary/eb/css/entries/all.0007.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <link href="/dictionary/eb/css/entries/definition.0025.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <!--HTML--> <h1 id="ld_entries_v2_mainh" class="georgia_font box_sizing ld_xs_hidden"> transition</h1> <div id="ld_entries_v2_others_block" class="ld_xs_hidden box_sizing"> <div class = "o_count"> 2 ENTRIES FOUND: </div> <ul class="o_list verdana_font"> <li> <!--direct match--> <!--no homograph--> <a href="/dictionary/transition" class="selected"><!-- -->transition<!-- --><!-- --><span> (noun)</span><!-- --><!-- --></a> </li> <li> <!--direct match--> <!--jumplink--> <a href="#ld_entry_v2_jumplink_transition_2" class="ld_entry_v2_jumplink"><!-- -->transition<!-- --><!-- --><span> (verb)</span><!-- --><!-- --></a> </li> </ul> </div> <div id="ld_entries_v2_all"> <!--Save favorites button--> <!--HTML--> <div class="entry entry_v2 boxy"> <!--Setting some placeholders--> <!--headword: desktop--> <!--headword: desktop view--> <div class = "hw_d hw_0 boxy m_hidden"> <!--headword text--> <span class = "hw_txt gfont"> <sup class="homograph">1</sup> transition </span> <!--label: hsl--> <!--hprons--> <span class = "hpron_word ifont">/tr忙n<span class="smark">藞</span>z瑟蕛蓹n/</span> <a href = "#" class="fa fa-volume-up hpron_icon play_pron" data-word="transition" data-dir="t" data-file="trans37m" data-pron="tr忙n藞z瑟蕛蓹n" data-lang="en_us"></a> <!--label: fl--> <span class="fl">noun</span> </div> <!--BOTTOM headword thingies (variations)--> <!--BOTTOM headword thingies (inflections)--> <div class = "hw_infs_d m_hidden"> <!--label: i_label--> <span class = "i_label">plural</span> <!--inflection--> <span class = "i_text">transitions</span> <!--prons--> </div> <!--headword: mobile--> <!--headword: mobile view--> <div class = "hw_m hw_0 boxy d_hidden"> <!--h_m: hw line--> <div class = "hw_line"> <!--headword text--> <span class = "hw_txt"> <sup class="homograph">1</sup> transition </span> <!--label: hsl--> <!--audio icons--> <a href = "#" class="fa fa-volume-up hpron_icon play_pron" data-word="transition" data-dir="t" data-file="trans37m" data-pron="tr忙n藞z瑟蕛蓹n" data-lang="en_us"></a> </div> <!--h_m: text prons--> <div class = "text_prons"> <span class = "hpron_word ifont">/tr忙n<span class="smark">藞</span>z瑟蕛蓹n/</span> </div> <!--label: fl--> <div class="fl">noun</div> </div> <!--BOTTOM headword thingies (variations)--> <!--BOTTOM headword thingies (inflections)--> <div class = "hw_infs_m d_hidden"> <!--label: i_label--> <span class = "i_label">plural</span> <!--inflection--> <span class = "i_text">transitions</span> <!--prons--> </div> <!--Definition header--> <div class="dline m_hidden"> <span class="vfont">Britannica Dictionary definition of TRANSITION</span> </div> <!--cxs--> <!--dxs--> <!--snote|snotebox--> <!--entire entry labels--> <!--sense blocks--> <div class = "sblocks"> <div class = "sblock sblock_entry"> <!--actual sense block content--> <div class="sblock_c"> <!--sense block number (if any)--> <!--senses--> <div class = "scnt"> <!--sense block labels (if any)--> <div class = "sblock_labels"> <!--prons--> <!--bnote--> <!--slb--> <!--phrasal verbs--> <!--sgram--> <!--ssla--> <!--variations--> <!--inflections--> </div> <div class="sense"> <!--sense letter--> <!--sense labels--> <!--phrasal verbs--> <!--sd--> <!--bnote--> <!--slb--> <!--label: sgram--> <!--label: ssla--> <!--variations--> <!--inflections--> <!--definition sequence--> <!--definition labels--> <!--bc mark--> <span class="bc">:</span> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <span class="def_text">a change from one state or condition to another</span> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <div class="def_labels"> <span class = "wsgram">[<span class = "wsgram_internal">count</span>]</span> </div> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <div class = "vis_w"> <ul class = "vis collapsed"> <li class = "vi"> <div class="vi_content">We want to have a smooth <em class="mw_spm_it">transition</em> when the new owners take control of the company.</div> </li> <li class = "vi"> <div class="vi_content">the sometimes difficult <em class="mw_spm_it">transition</em> from childhood to adulthood</div> </li> <li class = "vi"> <div class="vi_content">The country made/underwent a peaceful <em class="mw_spm_it">transition</em> from dictatorship to democracy.</div> </li> </ul> <div class = "vi_more d_hidden"> <a href="#"> <span class="d_p">[+] more examples</span> <span class="d_m">[-] hide examples</span> <span class="m_p">[+] Example sentences</span> <span class="m_m">[-] Hide examples</span> </a> </div> </div> <div class="def_labels"> <span class = "wsgram">[<span class = "wsgram_internal">noncount</span>]</span> </div> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <div class = "vis_w"> <ul class = "vis collapsed"> <li class = "vi"> <div class="vi_content">The industry is undergoing <em class="mw_spm_it">transition</em>. [=is changing in some important way]</div> </li> <li class = "vi"> <div class="vi_content">The company is <span class="mw_spm_phrase">in transition</span> [=is changing] as it adapts to the new management team.</div> </li> </ul> <div class = "vi_more d_hidden"> <a href="#"> <span class="d_p">[+] more examples</span> <span class="d_m">[-] hide examples</span> <span class="m_p">[+] Example sentences</span> <span class="m_m">[-] Hide examples</span> </a> </div> </div> <!--uds--> </div> </div> </div> </div> </div> <!--snote|snotebox--> <!--dros--> <!--dxs--> <!--uros--> <div class = "uros"> <div class ="uro"> <div class="uro_line"> <!--ure--> <h2 class = "ure" >— transitional</h2> <!--label: rsl (Madeline says must be after bold term)--> <!--prons--> <span class = "pron_w ifont">/tr忙n<span class="smark">藞</span>z瑟蕛蓹n蓹l/</span> <a href = "#" class="fa fa-volume-up pron_i play_pron" data-word="tran*si*tion*al" data-dir="t" data-file="trans38m" data-pron="tr忙n藞z瑟蕛蓹n蓹l" data-lang="en_us"></a> <!--variations--> <!--label: fl--> <span class = "fl">adjective</span> <!--lb--> <!--inflections--> <!--label: sl--> <!--label: gram--> </div> <!--uro definitions--> <div class = "uro_def"> <div class = "uro_def"> <!--wsgram--> <!--directional cross references--> <!--usage note--> <!--snote|snotebox--> <!--verbal illustrations--> <div class = "vis_w"> <ul class = "vis collapsed"> <li class = "vi"> <div class="vi_content">a <em class="mw_spm_it">transitional</em> government</div> </li> <li class = "vi"> <div class="vi_content">a <em class="mw_spm_it">transitional</em> phase/period/stage</div> </li> </ul> <div class = "vi_more d_hidden"> <a href="#"> <span class="d_p">[+] more examples</span> <span class="d_m">[-] hide examples</span> <span class="m_p">[+] Example sentences</span> <span class="m_m">[-] Hide examples</span> </a> </div> </div> </div> </div> </div> </div> <!--synonym paragraphs --> <!--arts--> </div> <!--HTML--> <div class="entry entry_v2 boxy" id = 'ld_entry_v2_jumplink_transition_2'> <!--Setting some placeholders--> <!--headword: desktop--> <!--headword: desktop view--> <div class = "hw_d hw_1 boxy m_hidden"> <!--headword text--> <span class = "hw_txt gfont"> <sup class="homograph">2</sup> transition </span> <!--label: hsl--> <!--hprons--> <span class = "hpron_word ifont">/tr忙n<span class="smark">藞</span>z瑟蕛蓹n/</span> <!--label: fl--> <span class="fl">verb</span> </div> <!--BOTTOM headword thingies (variations)--> <!--BOTTOM headword thingies (inflections)--> <div class = "hw_infs_d m_hidden"> <!--label: i_label--> <!--inflection--> <span class = "i_text">transitions<span class="semicolon">;</span></span> <!--prons--> <!--label: i_label--> <!--inflection--> <span class = "i_text">transitioned<span class="semicolon">;</span></span> <!--prons--> <!--label: i_label--> <!--inflection--> <span class = "i_text">transitioning</span> <!--prons--> </div> <!--headword: mobile--> <!--headword: mobile view--> <div class = "hw_m hw_1 boxy d_hidden"> <!--h_m: hw line--> <div class = "hw_line"> <!--headword text--> <span class = "hw_txt"> <sup class="homograph">2</sup> transition </span> <!--label: hsl--> <!--audio icons--> </div> <!--h_m: text prons--> <div class = "text_prons"> <span class = "hpron_word ifont">/tr忙n<span class="smark">藞</span>z瑟蕛蓹n/</span> </div> <!--label: fl--> <div class="fl">verb</div> </div> <!--BOTTOM headword thingies (variations)--> <!--BOTTOM headword thingies (inflections)--> <div class = "hw_infs_m d_hidden"> <!--label: i_label--> <!--inflection--> <span class = "i_text">transitions<span class="semicolon">;</span></span> <!--prons--> <!--label: i_label--> <!--inflection--> <span class = "i_text">transitioned<span class="semicolon">;</span></span> <!--prons--> <!--label: i_label--> <!--inflection--> <span class = "i_text">transitioning</span> <!--prons--> </div> <!--Definition header--> <div class="dline m_hidden"> <span class="vfont">Britannica Dictionary definition of TRANSITION</span> </div> <!--cxs--> <!--dxs--> <!--snote|snotebox--> <!--entire entry labels--> <div class = "labels"> <!--lb--> <!--label: gram--> <span class = "gram">[<span class = "gram_internal">no object</span>]</span> <!--label: sl--> <span class = "sl">chiefly US</span> </div> <!--sense blocks--> <div class = "sblocks"> <div class = "sblock sblock_entry"> <!--actual sense block content--> <div class="sblock_c"> <!--sense block number (if any)--> <!--senses--> <div class = "scnt"> <!--sense block labels (if any)--> <div class = "sblock_labels"> <!--prons--> <!--bnote--> <!--slb--> <!--phrasal verbs--> <!--sgram--> <!--ssla--> <!--variations--> <!--inflections--> </div> <div class="sense"> <!--sense letter--> <!--sense labels--> <!--phrasal verbs--> <!--sd--> <!--bnote--> <!--slb--> <!--label: sgram--> <!--label: ssla--> <!--variations--> <!--inflections--> <!--definition sequence--> <!--definition labels--> <!--bc mark--> <span class="bc">:</span> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <span class="def_text">to make a change from one state, place, or condition to another</span> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <!--bc mark--> <span class="bc">:</span> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <span class="def_text">to make a transition</span> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <!--bc mark--> <!--inline synonyms--> <!--definition_text--> <!--usage note--> <!--snote--> <!--called also--> <!--directional cross references--> <!--link to a page with synonym paragraph--> <!--link to a page with usage discussion--> <!--verbal illustrations--> <div class = "vis_w"> <ul class = "vis collapsed"> <li class = "vi"> <div class="vi_content">The company has <em class="mw_spm_it">transitioned</em> to new management in the past year.</div> </li> <li class = "vi"> <div class="vi_content">a student who is <em class="mw_spm_it">transitioning</em> to a new school</div> </li> </ul> <div class = "vi_more d_hidden"> <a href="#"> <span class="d_p">[+] more examples</span> <span class="d_m">[-] hide examples</span> <span class="m_p">[+] Example sentences</span> <span class="m_m">[-] Hide examples</span> </a> </div> </div> <!--uds--> </div> </div> </div> </div> </div> <!--snote|snotebox--> <!--dros--> <!--dxs--> <!--uros--> <!--synonym paragraphs --> <!--arts--> </div> </div> <!--JAVASCRIPT--> <script type="text/javascript"> var saveMe = false; var bestMatch = {"dict_type":"az","hw_text_no_syllables":"transition","eidNH":"transition","eid":"transition[1]","uid":"transition[1]_az","isv2":false,"hw_homograph":"1","fl":"noun","search_type":"hw","search_value":"transition"}; require(['underscore', 'jquery'], function (_, $) { var module = {}; module.init = function() { /* * UUID generator */ function createUUID() { // http://www.ietf.org/rfc/rfc4122.txt var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); } s[14] = "4"; // bits 12-15 of the time_hi_and_version field to 0010 s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01 s[8] = s[13] = s[18] = s[23] = "-"; var uuid = s.join(""); return uuid; } /* * Adding this word into stats -> via asynchronous JS call to a stats server */ var ldStatsUrl = '/dictionary/eb/lapi/1/mp/save?word=' + encodeURIComponent(bestMatch.eidNH) + '&uuid=' + encodeURIComponent(createUUID()); var ldStatScript = document.createElement('script'); ldStatScript.type = 'text/javascript'; ldStatScript.async = true; ldStatScript.src = ldStatsUrl; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ldStatScript, s); /* * Do we need to scroll to the entry? */ if (window.location.hash && (window.location.hash.substring(0, 13) === "#ld_entry_v2_")) { $('html, body').stop().animate({ scrollTop: $(window.location.hash).offset().top }, 800, 'easeInOutExpo'); event.preventDefault(); } /* * Scrolling to entries */ $('.ld_entry_v2_jumplink').bind('click', function (event) { var anchor = $(this); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top }, 800, 'easeInOutExpo'); event.preventDefault(); }); /* * Saving favorites */ $('#ld_entries_v2_all').find('.txt').on('click', function(e){e.preventDefault(); thisBtn = $(this).parent() if (thisBtn.hasClass('faved_y')) { window.location.href = "/saved-words"; } else { $('#ld_entries_v2_all').find('.save_faves_star').trigger('click'); } }); $('#ld_entries_v2_all').find('.save_faves_star').on('click', function(e){e.preventDefault(); var star = $(this); thisBtn = star.parent() var txt = thisBtn.find('.txt'); var nowType = thisBtn.attr('data-is_faved'); $.ajax({ url: '/dictionary/eb/lapi/1/ld_favorites/word/' + ((nowType==='y') ? 'delete' : 'save'), dataType: 'json', type: 'POST', data: { word: bestMatch.eidNH, isv2: bestMatch.isv2 ? '1' : '0', dictType: bestMatch.dict_type } }).done(function(ajaxResponse) { if ((nowType === 'y')) { thisBtn.attr('data-is_faved', 'n'); txt.html(thisBtn.attr('data-save_me')); thisBtn.removeClass('faved_y'); } else { thisBtn.attr('data-is_faved', 'y'); txt.html(thisBtn.attr('data-remove_me')); thisBtn.addClass('faved_y'); } }).fail( function(response) { if (response.status === 403) { var currentUrl = window.location.pathname; currentUrlWithQuery = currentUrl + ((window.location.search !== '') ? '&' : '?') + 'sv'; var redPath = "/auth/login?redirect=" + encodeURI(currentUrlWithQuery); window.location.href = redPath; } else { alert('Failed? Try again.'); } }).always( function() {}); }); if (saveMe && !$('#ld_entries_v2_all').find('.save_faves').hasClass('faved_y')) { $('#ld_entries_v2_all').find('.save_faves_star').trigger('click'); } /* * Vi expansions */ $('.vi_more a').on('click', function(e){e.preventDefault();e.stopPropagation(); var a = $(this); var viMore = a.parent(); var ul = viMore.prev(); if (ul.hasClass('collapsed')) { ul.removeClass('collapsed').addClass('noncollapsed'); viMore.addClass('opened'); } else { ul.addClass('collapsed').removeClass('noncollapsed'); viMore.removeClass('opened'); } }); }; module.init(); }); </script> </div> <!--Central right: bottom: right column--> <div id="wrap_cr_br" class="box_sizing ld_xs_hidden noprint"> <div class="abl abl-m0-t300-d300 ld_xs_hidden"> <div class="ad_slot_right_top" id="ad_slot_right_top"></div> </div> <div id = "wrap_rbr_c" class="box_sizing"> <!-- CSS --> <link href="/dictionary/eb/css/qa/siderail.0001.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <!-- HTML --> <div id="qa_siderail"> <!--header--> <div class="area_header verdana_font margin_bottom_10"> ASK THE EDITOR </div> <!--content--> <table class="cont"> <tr> <td class="qa_content_r"> <div class="question"> <a class="arial_font" href="/dictionary/eb/qa/The-Plurals-of-Check-In-Passerby-and-Spoonful-compound-nouns" title="Question text">What are the plural forms of <em class="mw_spm_it">check-in</em>, <em class="mw_spm_it">passerby</em>, and <em class="mw_spm_it">spoonful</em>?</a> </div> <div class="find_answer"> <a href="/dictionary/eb/qa/The-Plurals-of-Check-In-Passerby-and-Spoonful-compound-nouns" class="helvetica_font">See the answer »</a> </div> </td> </tr> </table> </div> <!-- CSS --> <link href="/dictionary/eb/css/quizzes/siderail.0001.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <!-- HTML --> <div id="quizzes_r"> <!--header--> <div class="area_header verdana_font margin_bottom_10"> QUIZZES </div> <!--content--> <div class="main_content"> <div class="feature_quiz"> <div class="quiz_icon"> <a href="/dictionary/eb/quiz/vocabulary-start"><img src="/dictionary/eb/images/quizzes/vocabulary-quiz-70x55.gif" alt="Vocabulary Quiz Icon" /></a> </div> <div class="quiz_content"> <div class="title georgia_font"> <a href="/dictionary/eb/quiz/vocabulary-start">Vocabulary Quiz</a> </div> <div class="descr"> <a href="/dictionary/eb/quiz/vocabulary-start">Test your word power</a> </div> <div class="passthru_url"> <a href="/dictionary/eb/quiz/vocabulary-start">Take the Quiz »</a> </div> </div> </div> <div class="athletics-dots margin_top_4 margin_bottom_8"></div> <div class="feature_quiz"> <div class="quiz_icon"> <a href="/dictionary/eb/quiz/name-that-thing-start"><img src="/dictionary/eb/images/quizzes/name-that-thing-70x55.gif" alt="Name That Thing Icon" /></a> </div> <div class="quiz_content"> <div class="title georgia_font"> <a href="/dictionary/eb/quiz/name-that-thing-start">Name That Thing</a> </div> <div class="descr"> <a href="/dictionary/eb/quiz/name-that-thing-start">Take our visual quiz</a> </div> <div class="passthru_url"> <a href="/dictionary/eb/quiz/name-that-thing-start">Test Your Knowledge »</a> </div> </div> </div> </div> </div> <!-- CSS --> <link href="/dictionary/eb/css/wod/siderail.0001.css" type="text/css" rel="Stylesheet" charset="utf-8" /> <!-- HTML --> <div id="wod_siderail"> <!--header--> <div class="area_header verdana_font margin_bottom_10"> WORD OF THE DAY </div> <!--content--> <table class="cont"> <tr> <td class="qa_content_l"> <a href="/dictionary/eb/word-of-the-day" title=""> <img src="https://merriam-webster.com/assets/ld/word_of_the_day/images/6357/thumb.jpg" alt="Eatery Illustration" /> </a> </td> <td class="qa_content_r"> <div class="word georgia_font"> <a href="/dictionary/eb/word-of-the-day" title="eatery"> eatery </a> </div> <div class="blurb"> <a href="/dictionary/eb/word-of-the-day" title="{bc} a usually small and informal restaurant ({i}chiefly US, informal{/i})"><strong class="mw_spm_bc">:</strong> a usually small and informal restaurant (<em class="mw_spm_it">chiefly US, informal</em>)</a> </div> <div class="learn_more"> <a href="/dictionary/eb/word-of-the-day" class="helvetica_font">Learn More »</a> </div> </td> </tr> </table> </div> <!-- JAVASCRIPT --> <script type="text/javascript"> require(['underscore', 'jquery'], function(_) { }); </script> </div> </div> <!--Central right: bottom: clearing column floats--> <div style = "clear:both;"></div> </div> </div> <!--Central: clearing column floats--> <div style = "clear:both;"></div> <!--Footer:--> <div id="wrap_cf" class="box_sizing noprint"> <div id="footer" class="box_sizing footer-oa"> <!--Footer: some other things--> <div class="footer_b ld_xs_hidden"> <div class="major-links"> <ol> <li><a href="https://corporate.britannica.com" target="_blank" rel="noopener">About Us & Legal Info</a></li> <li><a href="https://corporate.britannica.com/publishing-partner-program/" target="_blank" rel="noopener">Partner Program</a></li> <li><a href="https://corporate.britannica.com/contact/" target="_blank" rel="noopener">Contact Us</a></li> <li><a href="https://corporate.britannica.com/privacy-policy-2" target="_blank" rel="noopener">Privacy Notice</a></li> <li><a href="https://corporate.britannica.com/termsofuse.html" target="_blank" rel="noopener">Terms of Use</a></li> <li><a href="/dictionary/eb/help/ipa">Pronunciation Symbols</a></li> <li><a href="/dictionary/eb/help/all">Help</a></li> </ol> </div> <div class="minor-links"> <ol> <li> <a class="social-icon facebook-icon" target="_blank" href="https://www.facebook.com/BRITANNICA/" rel="noopener"></a> </li> <li> <a class="social-icon twitter-icon" target="_blank" href="https://twitter.com/britannica" rel="noopener"></a> </li> <li> <a class="social-icon youtube-icon" target="_blank" href="https://www.youtube.com/c/encyclopaediabritannica" rel="noopener"></a> </li> <li> <a class="social-icon instagram-icon" target="_blank" href="https://www.instagram.com/britannica/" rel="noopener"></a> </li> <li> <a class="social-icon pinterest-icon" target="_blank" href="https://www.pinterest.com/britannica/" rel="noopener"> <svg height="30" width="30" viewBox="0 0 24 24" aria-hidden="true" aria-label="" role="img"><path d="M0 12c0 5.123 3.211 9.497 7.73 11.218-.11-.937-.227-2.482.025-3.566.217-.932 1.401-5.938 1.401-5.938s-.357-.715-.357-1.774c0-1.66.962-2.9 2.161-2.9 1.02 0 1.512.765 1.512 1.682 0 1.025-.653 2.557-.99 3.978-.281 1.189.597 2.159 1.769 2.159 2.123 0 3.756-2.239 3.756-5.471 0-2.861-2.056-4.86-4.991-4.86-3.398 0-5.393 2.549-5.393 5.184 0 1.027.395 2.127.889 2.726a.36.36 0 0 1 .083.343c-.091.378-.293 1.189-.332 1.355-.053.218-.173.265-.4.159-1.492-.694-2.424-2.875-2.424-4.627 0-3.769 2.737-7.229 7.892-7.229 4.144 0 7.365 2.953 7.365 6.899 0 4.117-2.595 7.431-6.199 7.431-1.211 0-2.348-.63-2.738-1.373 0 0-.599 2.282-.744 2.84-.282 1.084-1.064 2.456-1.549 3.235C9.584 23.815 10.77 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12"></path></svg> </a> </li> </ol> </div> <div class="copyright"> <span>漏 2025 Encyclop忙dia Britannica, Inc.</span> </div> </div> </div> </div> </div> </div> <!-- JAVASCRIPT --> <script type="text/javascript"> var focusIn = true; var focusInHome = false; require(['jquery', 'dynScript', 'jquery.jqueryui', 'jquery.cookie'], function ($, dynScript) { var module = {}; module.init = function(focusIn, focusInHome) { //============================================================================= // Some ga tracking //============================================================================= $('.offer1').find('a').on('click', function(e) {e.preventDefault(); var url = $(this).attr('href'); ga('send', 'event', 'Site Promos', 'Top4-Position1', 'Unabridged Promo', {'page': url, 'hitCallback': function () {document.location = url;}}); }); $('.offer2').find('a').on('click', function(e) {e.preventDefault(); var url = $(this).attr('href'); ga('send', 'event', 'Site Promos', 'Top4-Position2', 'Spanish Central Promo', {'page': url, 'hitCallback': function () {document.location = url;}}); }); $('.offer3').find('a').on('click', function(e) {e.preventDefault(); var url = $(this).attr('href'); ga('send', 'event', 'Site Promos', 'Top4-Position3', 'Mobile Apps Promo', {'page': url, 'hitCallback': function () {document.location = url;}}); }); $('.offer4').find('a').on('click', function(e) {e.preventDefault(); var url = $(this).attr('href'); ga('send', 'event', 'Site Promos', 'Top4-Position4', 'Visual Dictionary Promo', {'page': url, 'hitCallback': function () {document.location = url;}}); }); $('.offer5').find('a').on('click', function(e) {e.preventDefault(); var url = $(this).attr('href'); ga('send', 'event', 'Site Promos', 'Bottom3-Position1', 'Twitter/Facebook Promo', {'page': url, 'hitCallback': function () {document.location = url;}}); }); $('.offer6').find('a').on('click', function(e) {e.preventDefault(); var url = $(this).attr('href'); ga('send', 'event', 'Site Promos', 'Bottom3-Position2', 'Bookstore Promo', {'page': url, 'hitCallback': function () {document.location = url;}}); }); $('.offer7').find('a').on('click', function(e) {e.preventDefault(); var url = $(this).attr('href'); ga('send', 'event', 'Site Promos', 'Bottom3-Position3', 'Other Dictionaries Promo', {'page': url, 'hitCallback': function () {document.location = url;}}); }); /* * Universal pron playback */ $('.play_pron').on('click', function(e){e.preventDefault(); var lang = $(this).attr('data-lang'); var dir = $(this).attr('data-dir'); var file = $(this).attr('data-file'); var word = $(this).attr('data-word'); var pron = $(this).attr('data-pron') ? $(this).attr('data-pron') : ''; var path = lang.replace("_", "/"); if (window.innerWidth > 767) { var url = "/dictionary/eb/audio?file=" + encodeURIComponent(file) + '&format=mp3&word=' + encodeURIComponent(word) + '&pron=' + encodeURIComponent(pron); var newwindow = window.open(url, 'Listen', 'toolbar=no,scrollbars=yes,status=no,resizable=yes,menubar=no,height=300,width=780'); if (window.focus) { newwindow.focus(); } } else { //Urls for various extensions var fileMp3 = "https://media.merriam-webster.com/audio/prons/" + path + '/' + 'mp3' + '/' + dir + '/' + file + '.mp3'; var fileOgg = "https://media.merriam-webster.com/audio/prons/" + path + '/' + 'ogg' + '/' + dir + '/' + file + '.ogg'; var fileWav = "https://media.merriam-webster.com/audio/prons/" + path + '/' + 'wav' + '/' + dir + '/' + file + '.wav'; // HTML5 audio vs document.location if (Modernizr.audio.mp3) { var audio = new Audio(); audio.src = fileMp3; audio.play(); } else { document.location = fileMp3; } } }); /* * AUTOCOMPLETE: we need 2 versions:mobile and desktop. * Stakeholders insisted that they must be positioned in different DOM places - so here we go :( * another case of: NOT REALLY A RESPONSIVE DESIGN - GUUUUUYYYYYSS! */ //globar vars for autocomplete window.autocompleteCache = {}; window.autocompletes = []; //This action redirects user to a definition var submitSearch = function(textToSubmit, searchHolder) { var textArea = $('[name=ld_search_inp]'); /* * Don't submit if search contains default text */ if ((textToSubmit === textArea.attr('data-placeholder')) || (textToSubmit === '')) { return; } else { window.location = '/dictionary/' + encodeURIComponent(textToSubmit.replace(/\s+/g, '-')); } }; //initialize 2 autocompletes $.each($(".ld_search_inp"), function(i, nativeField) { var inputField = $(nativeField); var searchHolder = inputField.parent().parent(); var isMobile = (searchHolder.attr('id') === 'ld_searchc_d') ? false : true; var searchBtn = searchHolder.find('.search_btn'); /* * Instantiating autocomplete */ window.autocompletes[i] = inputField.autocomplete({ appendTo: isMobile ? '.autocomplete_holder_m' : '.autocomplete_holder_d', position: { my: "left top", at: "left bottom" }, minLength: 2, delay: 500, source: function(request, response) { var term = request.term; if (term in autocompleteCache) { var d = (window.innerWidth > 767) ? autocompleteCache[term] : autocompleteCache[term].slice(0, 4); response(d); } else { $.getJSON( "/dictionary/eb/ac", request, function(data, status, xhr) { autocompleteCache[term] = data; var d = (window.innerWidth > 767) ? data : data.slice(0, 4); response(d); }); } }, select: function(e, ui) { window.location = '/dictionary/' + encodeURIComponent(ui.item.value); return false; }, focus: function(e, ui) { //HACK: because I have to to implement responsive design in a wrong way. //so we need to sync data between inputs $('#ld_searchc_d').find('.ld_search_inp').val(ui.item.label).removeClass('ld_pholder'); $('#ld_searchc_m').find('.ld_search_inp').val(ui.item.label).removeClass('ld_pholder'); return false; } }); //user click on submit button searchBtn.on('click', function(e) {e.preventDefault();e.stopPropagation(); submitSearch(inputField.val(), searchHolder); }); //user presses enter inputField.on('keydown', function(e) { if (e.keyCode == 13) { e.stopPropagation();e.preventDefault(); submitSearch(inputField.val(), searchHolder); } }); //user presses other carachters inputField.on('keyup', function(e) { if (e.keyCode !== 13) { //HACK: because I have to to implement responsive design in a worng way. //so we need to sync data between inputs if (isMobile) { $('#ld_searchc_d').find('.ld_search_inp').val(inputField.val()); } else { $('#ld_searchc_m').find('.ld_search_inp').val(inputField.val()); } console.log('keyup'); //depending on if input is empty -> hide or show a clear button if ((inputField.val() !== '') && (inputField.val() !== inputField.attr('data-placeholder'))) { $('#ld_searchc_m').find('.clear_btn').show(); } else { $('#ld_searchc_m').find('.clear_btn').hide(); } } }); //cross-browser placeholder inputField.focus(function() { if (inputField.val() == inputField.attr('data-placeholder')) { //HACK: because I have to to implement responsive design in a wrong way. //so we need to sync data between inputs $('#ld_searchc_d').find('.ld_search_inp').val('').removeClass('ld_pholder'); $('#ld_searchc_m').find('.ld_search_inp').val('').removeClass('ld_pholder'); } }) // inputField.blur(function() { // if ((inputField.val() == '') || (inputField.val() == inputField.attr('data-placeholder'))) { // //HACK: because have to implement responsive design in a wrong way. // //so we need to sync data between inputs // $('#ld_searchc_d').find('.ld_search_inp').val($('#ld_searchc_d').find('.ld_search_inp').attr('data-placeholder')).addClass('ld_pholder'); // $('#ld_searchc_m').find('.ld_search_inp').val($('#ld_searchc_m').find('.ld_search_inp').attr('data-placeholder')).addClass('ld_pholder'); // } // }); if (focusIn || focusInHome) { inputField.trigger('focus'); } }); $('.m_menu_btn').on('click', function(e) {e.preventDefault(); if ($('.ld_searchc_m_plusb').hasClass('open')) { $('.ld_searchc_m_plusb').removeClass('open'); } else { $('.ld_searchc_m_plusb').addClass('open'); } }); /* * Focus on desktop */ if (window.innerWidth > 767) { if (focusIn) { $('#ld_searchc_d').find('[name=ld_search_inp]').trigger('focus'); } else if (focusInHome) { $('#ld_searchc_d').find('[name=ld_search_inp]').trigger('focus'); } } /* * In mobile view -> scroll form input to the top on focus */ $('#ld_searchc_m').find('[name=ld_search_inp]').on('focus', function() { var anchor = $(this); $('html, body').stop().animate({ scrollTop: anchor.offset().top - 8 }, 800, 'easeInOutExpo'); }); //Show or hide clear button -> initial if (($('#ld_searchc_m').find('[name=ld_search_inp]').val() !== '') && ($('#ld_searchc_m').find('[name=ld_search_inp]').val() !== $('#ld_searchc_m').find('[name=ld_search_inp]').attr('data-placeholder'))) { $('#ld_searchc_m').find('.clear_btn').show(); } else { $('#ld_searchc_m').find('.clear_btn').hide(); } /* * This is what happens when user clicks on clear button */ $('#ld_searchc_m').find('.clear_btn').on('click', function(e){e.stopPropagation(); $(".ld_search_inp").val(''); $('#ld_searchc_m').find('[name=ld_search_inp]').trigger('focus'); $('#ld_searchc_m').find('.clear_btn').hide(); }); }; module.init(); }); </script> </body> </html>