Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [inne][PHP]Wysówane menu problem
Forum PHP.pl > Forum > Przedszkole
maciej916
Mam taki kod menu:
Kod
echo "<div class='top'>";
echo "<ul class='topnav2'>";

echo "<ul class='topnav'>";
echo "<li>";
echo "<a class='menu' alt='Rozwiń Menu'>Profil<img src='".THEME."images/menu/subnav_btn.png' /></a>";
echo "<ul class='subnav'>";
echo "<li><a href='#'>Edycja Profilu</a></li>";
echo "<li><a href='#'>Prywatne Wiadomosci</a></li>";
echo "<li><a href='#'>Lista Użytkowników</a></li>";
echo "<li><a href='#'>Wyloguj Się</a></li>";
echo "</ul>";
echo "</li>";
echo "</ul>";
echo "</div>\n";



i taki js:
Kod
"<script type='text/javascript'>
$(document).ready(function(){

        $('ul.subnav').parent().append('<span></span>'); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

        $('ul.topnav li span').click(function() { //When trigger is clicked...

                //Following events are applied to the subnav itself (moving subnav up and down)
                $(this).parent().find('subnav').slideDown('fast').show(); //Drop down the subnav on click

                $(this).parent().hover(function() {
                }, function(){
                        $(this).parent().find('subnav').slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
                });

                //Following events are applied to the trigger (Hover events for the trigger)
                }).hover(function() {
                        $(this).addClass('subhover'); //On hover over, add class 'subhover'
                }, function(){  //On Hover Out
                        $(this).removeClass('subhover'); //On hover out, remove class 'subhover'
        });

});
</script>"



I chce aby na klasę menu wysuwało się menu.

pomużcie
rossol
U Ciebie w strukturze to element ANCHOR ma wywoływać akcje, a nie element SPAN.

Do usunięcia
  1. $('ul.subnav').parent().append('<span></span>');

Do zmiany
  1. $('ul.topnav li a').click(function() {

Dodaj kropkę przed subnav, bo to klasa, która ma się pokazać
  1. $(this).parent().find('.subnav').slideDown('fast').show();


//EDIT:
Dodatkowo powinieneś dla klasy subnav ustawić domyślnie "display: none", bo chcesz to pokazywać dopiero po kliknięciu.
maciej916
Jest problem bo kiedy wyjadę za menu meny się nie zamyka

odświeżam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.