基于jquery的手风琴图片展示效果实现方法

2020-05-23 06:00:38易采站长站整理

    <div class=”page-container”>
        <div class=”flex-container”>
            <div class=”country netherlands”>
                <div>
                    Netherlands</div>
            </div>
            <div class=”country belgium”>
                <div>
                    Belgium</div>
            </div>
            <div class=”country france”>
                <div>
                    France</div>
            </div>
            <div class=”country germany”>
                <div>
                    Germany</div>
            </div>
            <div class=”country england”>
                <div>
                    England</div>
            </div>
        </div>
    </div>
    <script src=’jquery.js’></script>
    <script>
        $(‘.country’).click(function () {
            $(this).toggleClass(‘active’);
            $(‘.page-container’).toggleClass(‘opened’);
        }); //@ sourceURL=pen.js