Condition sur propriété DISPLAY

Version imprimable

Bonjour,

je suis neophyte en javascript, j'utilise une fonction qui a pour but d'afficher un menu et de cacher le menu.slider lorsque l'on clique sur .three-lines-menu.

Je souhaiterai mettre une condition qui permettrai au clic de .three-lines-menu de faire reapparaitre le menu.slider, je pense qu'il faut que je mettre une condition sur ("main-slider").style.display="none"; mais je ne parviens pas à l'écrire.
Code:

1 2 3 4 5 6 $(document).ready(function() { $('.three-lines-menu').on('click', function() { $('#menu ul').toggleClass('menu-responsive'); document.getElementById("main-slider").style.display="none"; }); });
:D
Merci de votre aide

Salut peut être en faisant ceci : (manque la partie html )

Code:

1
2
3
4
5
6
$(document).ready(function() {
	$('.three-lines-menu').on('click', function() {
		$('#menu ul').toggleClass('menu-responsive');
		document.getElementById("main-slider").style="display:none";
	});
});

Le comportement est le même le menu.slider s'affiche mais lorsque je reclique sur .three-lines-menu, il ne se reaffiche pas.

voici le code html

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<header> 
    <nav>
        <a href=""><img class="logo animated bounce" src="themes/logoeasyfetes.png" alt""/></a>
        <ul id="menu1">
            <li><a href="index.php">Accueil</a></li>
            <li><a href="equipe.php">Equipe</a></li>
            <li><a href="prestation.php">Prestation</a></li>
            <li><a href="actualites.php">Actualités</a></li>
            <li><a href="partenaires.php">Nos Partenaires</a></li>
            <li><a href="contact.php">Contact</a></li>
        </ul>
        <div id="menu_p">
            <div id="menu" class="menu-responsive">
                <div class="three-lines-menu"> ☰</div>
                <ul>
                    <li><a href="index.php">Accueil</a></li>
                    <li><a href="equipe.php">Equipe</a></li>
                    <li><a href="prestation.php">Prestation</a></li>
                    <li><a href="actualites.php">Actualités</a></li>
                    <li><a href="partenaires.php">Nos Partenaires</a></li>
                    <li><a href="contact.php">Contact</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <ul id="main-slider" class="rslides">
        <li><img src="images/Bandeau-Easy-Fetes-1.jpg" alt=""></li>
        <li><img src="images/bandeau-test.png" alt=""></li>
    </ul>
    <!-- <img src="themes/happyFace-Hat.png" alt""/> -->
    <script>
    $(function() {
        $(".rslides").responsiveSlides();
    });
    </script>
</header>

21/03/2015, 15h03
NoSmoking

Bonjour,
quand on utilise jQuery pourquoi écrire ce genre de code ?

Code:

document.getElementById("main-slider").style.display="none";