jquery多国语言切换特效

<link rel="stylesheet" href="css/style.css">

<script type="text/javascript" src="path/to/jquery.min.js"></script>

<!--选择语言的下拉列表框-->

<div class="translate_wrapper">

  <div class="current_lang">

    <div class="lang">

      <img src="https://image.flaticon.com/icons/svg/299/299722.svg">

      <span class="lang-txt">EN</span> 

      <span class="fa fa-chevron-down chevron"></span>

    </div>

</div>

<div class="more_lang">

    <div class="lang" data-value='cn'>

      <img src="https://image.flaticon.com/icons/svg/299/299914.svg">

      <span class="lang-txt">简体中文</span>      

    </div>

    <div class="lang selected" data-value='en'>

      <img src="https://image.flaticon.com/icons/svg/299/299722.svg">

      <span class="lang-txt">English<span> (US)</span></span>      

    </div>

     <div class="lang" data-value='de'>

      <img src="https://image.flaticon.com/icons/svg/299/299786.svg">

      <span class="lang-txt">Deutsch</span>      

    </div>

    <div class="lang" data-value='es'>

      <img src="https://image.flaticon.com/icons/svg/299/299820.svg">

      <span class="lang-txt">Español</span>      

    </div>  

    <div class="lang" data-value='fr'>

      <img src="https://image.flaticon.com/icons/svg/299/299753.svg">

      <span class="lang-txt">Français</span>      

    </div>

    <div class="lang" data-value="pt">

      <img src="https://image.flaticon.com/icons/svg/299/299693.svg">

      <span class="lang-txt">Português<span> (BR)</span></span>      

    </div> 

    <div class="lang" data-value="ar">

      <img src="https://image.flaticon.com/icons/svg/299/299815.svg">

      <span class="lang-txt">العربية <span> (SA)</span></span>      

    </div> 

  </div>

</div>

<!--文字内容-->

<div class="content">

  <div class="ct-img">

    <img src="img/lizard-765x510.jpg">

  </div>

  <div class="ct-txt">

    <h1 id="title"></h1>

    <p></p>

    <a href="#"><span>Link</span></a>

  </div>

</div>