html - 如何以两种不同的语言拥有一个标题？

我有一个网站，其内容使用两种本地语言，问题是所有标题都用一种语言显示，我想同时用两种语言显示标题，
exp：title1会显示3秒钟，然后title2会自动显示，我的意思是应该将两种不同语言的一种标题更改为两种语言。

<div class="col-md-4">
   <div class="cont">
     <h1> title 1 </h1>
     <h1> title 2 </h1>
    </div>
</div>

最佳答案

我编辑了一些@Melissa Skywalkz答案
我想您想连续交换图像

$(document).ready(function(){


function swapImages(){

  var title1 = $('#title1');
  var title2 = $('#title2');
  if(title1.css("display") == "block")
  {
    title1.slideUp(500); //500 ms animation time
    title2.slideDown(500);
  }
  else
  {
    title1.slideDown(500);
    title2.slideUp(500);
  }

}

setInterval(swapImages,3000); // delay between title change
});

#title1
{
  display: block;
}
#title2
{
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <h1 id="title1"> title 1 </h1>
    <h1 id="title2"> title 2 </h1>