Cacher les mois de mon calendrier

Bonjour,

Je souhaite afficher uniquement le mois en cours lors du chargement de la page et avoir la possibilité de basculer sur un autre mois à l'aide des flèches et cacher ainsi les autres mois.
Est-ce que l'un d'entre vous peut m'indiquer ce que je dois modifier dans mon script? Merci d'avance :)

Voici mon résultat actuel:
Pièce jointe 223032

voici mon code jquery mit dans une balise script:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
jQuery(function ($) {
    var date = new Date();
    var current = date.getMonth() + 1;
    $('.month').hide();
    $('#month' + current).show();
    $('.months a#linkMonth' + current).addClass('active');
    $('.months a').click(function () {
        var month = $(this).attr('id').replace('linkMonth', '');
        if (month != current) {
            $('#month' + current).slideUp();
            $('#month' + month).slideDown();
            $('.months a').removeClass('active');
            $('.months a#linkMonth' + month).addClass('active');
            current = month;
        }
        return false;
    });
});

Et le php correspondant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
        <div class="months">
            <ul>
                <?php foreach ($date->months as $id=>$m): ?>
                    <li><div>
                            <a href="#" id="linkMonth<?php echo $id; ?>"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                            <a href="#" id="linkMonth<?php echo $id+1; ?>"><?php echo utf8_encode(utf8_decode($m)); ?></a>
                            <a href="#" id="linkMonth<?php echo $id+2; ?>"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                        </div>
                    </li>
                <?php endforeach; ?>
            </ul>
        </div>

Merci d'avance pour votre aide,

David