Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Menu na toggle [problem]
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
bogdanos
Witam,
mam oto takie menu, które napisałem sam, tak więc jest ono najprostsze jakie potrafię zbudować:
  1. <div class="userAccount">Menu <img src="img/arr.png" width="5" height="3" /></div>
  2. <div class="menuPosition_user">
  3. <ul class="userMenu">
  4. <li>
  5. <a href="#" class="Ulink" style="margin-top:6px;"><span>Opcja 1</span></a>
  6. </li>
  7.  
  8. <li>
  9. <a href="#" class="Ulink"><span>Opcja 2</span></a>
  10. </li>
  11. </ul>
  12. </div>
  13. </div>

poniżej JS
  1. $(document).ready(function() {
  2.  
  3. $('.menuPosition_user').hide();
  4.  
  5. $('.userAccount').click(function() { //first menu
  6. $('.menuPosition_user').toggle();
  7. });
  8.  
  9. });
  10.  

użyłem PHP bo nie ma JS,
a problem polega na tym, że jak kliknę na zewnątrz menu, czyli gdzieś na body kliknę to menu się nie chowa tylko ciągle jest otwarte,
co trzeba zrobić, żeby po kliknięciu gdziekolwiek na body (oprócz kontenerka z menu) owe menu się schowało?
Z góry dzięki

Problem rozwiązany, pomoc nie potrzebna
frani0
Myślę, że to powinno zadziałać:

  1. $(document).mousedown(function(){
  2. $('.menuPosition_user').hide();
  3. });
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.