Jak zrobić duże podmenu?

Question

Chciałbym zrobiony już nagłówek wzbogacić o duże podmenu, które by się pojawiło po kliknięciu w jeden z odnośników znajdujących się na nagłówku. Jak to zrobić?

Pokażę, jak chcę, by to wyglądało:

Chciałbym, by po kliknięciu w "PROGRAMY" pojawiło się takie wielkie podmenu - i tam bym wstawiał sobie obrazki i odnośniki.

Proszę o pomoc.

Kod źródłowy nagłówka:

.container-nagl {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
  
.logo
{  
    width: 50px;
    height: 35px;
    line-height:100%;
    z-index:100;
}
 
.header {
    width: 100%;
    padding: 10px;
    background-color: #0b003a;
    text-align: center;
}
 
.header ol
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 20px;
    height: 35px;
    line-height: 200%;
    display: inline-block;
}
 
.header ol a
{
    color: #ff5e00;
    text-decoration: none;
    display: block;
}
 
.header ol > li
{
    float: left;
    width: 150px;
    height: 40px;
}
 
 
.header ol > li:hover > a
{
    color: #0066ff;
}
 

        <div class="container-nagl">
<div class="header">
            <div class="logo">
                <a href="../"><img src="../img/logo.png"/></a>
                <div style="clear:both;"></div>
            </div>
 
<ol>
    <li><a href="../programy.php">PROGRAMY</a></li>
    <li><a href="../news.php">NOWOŚCI</a></li>
    <li><a href="../artykuly.php">ARTYKUŁY</a></li>
    <li><a href="../download.php">DO POBRANIA</a></li>
</ol>
 
        </div>
    </div> 
   

 

Answer 1

Szukaj pod hasłem nested menu css, pierwszy lepszy link codepen i masz przykład gotowca dokładnie takiego jaki chcesz: https://codepen.io/antoniputra/pen/BzyWmb

Comments

Nie, to nie jest to, czego chcę. Pytałem, jak zrobić wyświetlające się duże podmenu (czyli takie, które ma maksymalną szerokość) po KLIKNIĘCIU (nie po najechaniu myszką) w jeden z odnośników. Szukałem wiele razy jakichś gotowców, ale nie znalazłem takiego.

---

no to dlaczego nie obsłużyć po prostu onclick na elemencie menu i wewnatrz callbacka onclick wystarczy dac show na innym elemencie plus ewentualnie podciagnac do niego dane ajaxem, to juz zależy od konkretnej sytuacji.