<div style="width:300px; margin:100px auto;"><h1>袨楔袠袘袣袗 500</h1>袨褕懈斜泻邪 薪邪 褋械褉胁械褉械.<br /> 袦芯卸薪芯 锌芯锌褉芯斜芯胁邪褌褜 锌械褉械泄褌懈 薪邪 <a href="/" style="text-decoration: underline;">谐谢邪胁薪褍褞</a>.</div> <script type="text/javascript"> $(function() { $('.pageBlockSwitcher').click(function(e) { e.preventDefault(); var stateText = '褉邪蟹胁械褉薪褍褌褜'; var methodName = 'hide'; var key = $(this).attr('data-key'); console.log(key); if (!$(this).hasClass('opened')) { $('.pageBlockSwitcher').removeClass('opened'); $('.pageBlockSwitcher .pageBlockSwitcherStateText').html(stateText); methodName = 'show'; stateText = '褋胁械褉薪褍褌褜'; $(this).addClass('opened'); } else { if ($(this).hasClass('pageBlockSwitcherOnlyOpen')) { return; } $(this).removeClass('opened'); } $('.pageBlockSwitcherStateText', $(this)).html(stateText); $('.pageBlockSwitcherContent').hide(); $('.pageBlockSwitcherContent[data-key=' + key + ']')[methodName](); }); var urlHash = window.location.hash.replace('#', ''); if (urlHash.length) { $('.pageBlockSwitcher[data-key=' + urlHash + ']').trigger('click'); } window.addEventListener('hashchange', function() { var urlHash = window.location.hash.replace('#', ''); if (urlHash.length) { $('.pageBlockSwitcher[data-key=' + urlHash + ']').trigger('click'); } }); }); </script>