11521 sujets

JavaScript, DOM et API Web HTML5

Bonsoir à tous,
J'ai une div d'ouverture (fullscreen) en z-index:1 que j'aimerais masquer, ou passer en z-index:-1 lors d'un clic via la barre des menus ou via le lien sur la div "polina". Et la faire réapparaître (ou refaire passer en z-index:1) en cliquant sur
<a class="logo" href="#">Logo</a>

Je suis bien tombé sur ce lien http://forum.alsacreations.com/topic-5-68105-1-Changer-le-css-au-clic-sur-un-element.html mais je n'y comprends pas grand chose, voir rien du tout Smiley decu
Le html est assez basique :
<header class="main_header">
  <div class="menu">
    <div class="content"><a class="logo" href="#">Logo</a>
      <div class="mobile-toggle"> <span></span> <span></span> <span></span> </div>
      <nav>
        <ul>
          <li><a href=".sec01">Section 01</a></li>
          <li><a href=".sec02">Section 02</a></li>
          <li><a href=".sec03">Section 03</a></li>
          <li><a href=".sec04">Section 04</a></li>
        </ul>
      </nav>
    </div>
  </div>
 
</header>
<h1><span><a href="#section01">Test</a></span><br>Navigation</h1>
<div id="bg">
  <div id="bg1">
   <h1>joli titre</h1>
    <div id="polina">
<h1>Polina</h1>
<p>Encore une page test</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur porta dictum turpis, eu mollis justo gravida ac. Proin non eros blandit, rutrum est a, cursus quam. Nam turpis eros sollicitudin lacus, at convallis mauris magna non justo. Etiam et suscipit elit. Morbi eu ornare nulla, sit amet ornare est. Sed vehicula ipsum a mattis dapibus. Etiam volutpat vel enim at auctor.</p>
<img src="../test/nwvjv57YA31u99f8jo1_540.jpg" width="515" height="810"  alt=""/> <a href=".sec01">Section 01</a>
</div></div>
  <div id="bg2">
    <div>
      <h1>Polina2</h1>
      <p>Aenean pharetraam <a href=".sec01">Section 01</a> tuntesque. Vestibulum et metus lectus. Nunc consectetur, ipsum in viverra eleifend, erat erat ultricies felis, at ultricies mi massa eu ligula. Suspendisse in justo dapibus metus sollicitudin ultrices id sed nisl.</p>
    </div>
  </div>

Je ne sais pas encore quel sera le script idéal pour ma page d'où une double question Smiley ohwell
Merci pour votre aide et bon week-end,
D.
Bonsoir,
Il a suffit d'un script lié au clic avec les fonctions "hide" et "show".
Le "hide" pour masquer le fullscreen et le "show" pour le faire réapparaître lors d'un clic sur la barre des menus.
Donc plus de problème de z-index Smiley smile
Bonne soirée,
D.