Jquery .toggle código de substituição
Eu tenho (tinha) um botão no meu site que alternava entre um layout amplo e estreito para artigos. Desde o JQuery 1.9, isso não funcionou por causa da depreciação de alternância. Eu não sou um grande especialista em JS, e não consegui reunir uma resposta das várias perguntas aqui, então gostaria que alguém olhasse para o meu caso específico, se possível. Eu aprecio que para alguém mais competente isso é provavelmente muito óbvio, mas eu ainda estou aprendendo!
O site está aqui, por exemplo:
http://www.davidsmith.name/2011/09/04/Real-surreal-e-hyperreal-in-crash-and-the-beach/
Parte aplicável do código da seguinte forma:
<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 />