javascript - 如何从下面的代码中无限翻转？

Question

如何在此链接中调整翻转 javascript http://desandro.github.io/3dtransforms/docs/card-flip.html以便它会翻转到第三个内容或不会引用翻转到第一个内容

var init = function() {
    var card = document.getElementById('card');

    document.getElementById('flip').addEventListener( 'click', function(){
        card.toggleClassName('flipped');
    }, false);
};

window.addEventListener('DOMContentLoaded', init, false);

Answer 1

每个元素的内容应单独存储在 HTML 中，并在需要时检索。

<div class="container">
    <div class="card">
        <div class="face face1"></div>
        <div class="face face2"></div>
    </div>

    <ul class="store">
        <li>
            <div class="content content1">1</div>
        </li>
        <li>
            <div class="content content2">2</div>
        </li>
        <li>
            <div class="content content3">3</div>
        </li>
        <li>
            <div class="content content4">4</div>
        </li>
    </ul>
</div>  

Answer copied and edited from