Javascript 切换替换代码

我的网站上有一个按钮，可以在文章的宽版面和窄版面之间切换。自从jQuery1.9以来，由于toggle的不推荐使用，这种方法一直不起作用。我对JS不是很在行，也没有从这里的各种问题中拼凑出一个答案，所以如果可能的话，希望有人看看我的具体案例。我很感激，对于更有能力的人来说，这可能是非常明显的，但我还在学习

该站点位于此处，例如：

规范的适用部分如下：

<span><a id="switch" href="#" title="switch the menu"><span id="blogview">Switch to Article View</span>
 <span id="articleview" class="hide">Switch to Blog View</span></a></span><br/>
 <span id="readability" class="hide"><span class="rdbWrapper" data-show-read="1" data-show-send-to-kindle="1" data-show-print="1" data-show-email="0" data-orientation="0" data-version="1" data-bg-color="transparent"></span><script type="text/javascript">(function() {var s = document.getElementsByTagName("script")[0],rdb = document.createElement("script"); rdb.type = "text/javascript"; rdb.async = true; rdb.src = document.location.protocol + "//www.readability.com/embed.js"; s.parentNode.insertBefore(rdb, s); })();</script></span>

<script type="text/javascript">
            $('a#switch').(function () {
            $('div#right').hide('slide', { direction: 'right' }, 300);
            $('div#left').delay(300).animate({width: 950}, 600);
            $('span#blogview').toggleClass('hide');
            $('span#articleview').toggleClass('hide');
            $('span#readability').toggleClass('hide');
            }, function () {
            $('div#right').delay(500).show('slide', { direction: 'right' }, 500);
            $('div#left').animate({width: 430}, 500);
            $('span#blogview').toggleClass('hide');
            $('span#articleview').toggleClass('hide');
            $('span#readability').toggleClass('hide');}
            );
</script><br />     

（function（）{var s=document.getElementsByTagName（“script”）[0]，rdb=document.createElement（“script”）；rdb.type=“text/javascript”；rdb.async=true；rdb.src=document.location.protocol+”///www.readability.com/embed.js；s.parentNode.insertBefore（rdb，s）；}）；
$（‘a#开关’）（函数（）{
$（'div#right'）.hide（'slide'，{direction:'right'，300）；
$（'div#left'）。延迟（300）。动画（{width:950}，600）；
$（'span#blogview'）。toggleClass（'hide'）；
$（'span#articleview'）。toggleClass（'hide'）；
$（'span#readability'）。toggleClass（'hide'）；
}，函数（）{
$（'div#right'）.delay（500）.show（'slide'，{direction:'right'，500）；
$（'div#left'）。设置动画（{width:430}，500）；
$（'span#blogview'）。toggleClass（'hide'）；
$（'span#articleview'）。toggleClass（'hide'）；
$（'span#readability'）.toggleClass（'hide'）；}
);

查看我的答案

这就意味着

$(function() {                      
   $('a#switch').on("click",function(e) {
      e.preventDefault();
      if ($(this).data("show")=="no") {
            $('div#right').hide('slide', { direction: 'right' }, 300);
            $('div#left').delay(300).animate({width: 950}, 600);
            $('span#blogview').toggleClass('hide');
            $('span#articleview').toggleClass('hide');
            $('span#readability').toggleClass('hide');
        $(this).data("show","yes");
      }   
      else {
            $('div#right').delay(500).show('slide', { direction: 'right' }, 500);
            $('div#left').animate({width: 430}, 500);
            $('span#blogview').toggleClass('hide');
            $('span#articleview').toggleClass('hide');
            $('span#readability').toggleClass('hide');
        $(this).data("show","no");     
      }
  });
});

可能重复的