请用代码实现运行该题

Question

‌实现某个场景下的文字切换效果，比如你喜欢的奥运会项目介绍，由奥运会项目名称变为奥运会项目的简介。

Answer 1

  (function(){
      var area = [{'country':'中国','cities':['北京','上海','广州']},{'country':'美国','cities':['花生炖','烙山鸡','炙荚鸽']},{'country':'韩国','cities':['筋山','瘦耳','鸡粥焘']}]
      var ul = $('<ul></ul>')
      ul.appendTo($(document.body))
      for (var i=0;i<area.length;i++)
      {
          $('<li>'+area[i]['country']+'</li>').appendTo(ul)
      }
      $('ul>li').click(function(){
          var e = $('ul>li').index($(this))
          $(this).parent().find('>div').remove();
          $('<div>'+area[e].cities.join('</div><div>')+'</div>').appendTo($(this).parent())
      })
  })()