Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Krugerz

Show and Hide Fade Dropdown Menu Jquery

Promowane odpowiedzi

 

Nie znalazłem na internecie żadnego fajnego pluginu dropdown do jquery, więc napisałem swój. Zamyka się po kliknięciu na obszar poza blokiem, a otwiera po wciśnięciu wybranego elementu.


Screen/Demo: Edit fiddle - JSFiddle

 

dropdown-menu.png

 

HTML

<span id="activer">Otwórz</span>

<ul class="dropdown">
  <li>test</li>
  <li>test 2</li>
</ul>

CSS

.dropdown {  
  background: #ccc;
  list-style: none;
  padding: 10px;
  margin: 0;
  width: 100px;
  border: 1px solid #000;
}

.dropdown li {
  border-bottom: 1px solid #000;
}

#active {
  cursor: pointer;
  display: block;
}

jQuery

(function($) {
	$.fn.dropdown = function(options) {
		var el = $(this);
		if (typeof options["activer"] !== "undefined" && $(options["activer"]).length != 0) {
			var activer = $(options["activer"]);
				el.hide();
				activer.click(function(e) {
					e.stopPropagation();
					el.fadeToggle();
				});
				$(document).click(function(e) {
					if(!el.is(":hidden") && !$(e.target).is(el) && !$(e.target).parents().is(el) && !$(e.target).is(activer)) {
						el.fadeOut();
					}
				});
			}
	}
})(jQuery);

$(".dropdown").dropdown({
	activer: '#activer'
})

 

  • Lubię to! 3
  • Super 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


  • Podobna zawartość

    • Przez Magmus
      Witam szukam książki do nauki javascript jestem w tym języku zielony ale szukam książki z której nauczę się pisać grę taką jak Agario.sx albo szczelaninkę coś pod np Cs:Go 1.6 albo go nie chodzi mi o skrzynki lecz o samą gre mapy i wybór map takie ala serwery. Z góry dziękuje 
    • Przez BlackIce
      Cześć! To znowu ja i kolejne nabijanie reputacji
      Efekt:
       
      Demo:
      Ukryta zawartość
      Aby zobaczyć ukrytą zawartość musisz przyznać reputację temu postowi.
×