Tani hosting

Jquery - obsługa drugiego kliku
Tpk-Games Offline
Użytkownik

Liczba postów: 6
Reputacja: 0
Post: #1
Jquery - obsługa drugiego kliku 22-06-2016 18:39
Siema! Ostatnio mam pewien problem z moim szablonem.
A mianowicie od jakiegoś czasu tworze nowy styl na moje forum i chciałbym aby menu pokazywało/chowało opisy ikonek po naciśnięciu danego przycisku. Przycisk ten ma id #sb. Aby schować menu trzeba zrobić co najmniej 3 zmiany css - i tak np. w jedną stronę muszę zrobić coś takiego:



Kod:
$(document).ready(function(){


$("#sb").click(function(){
       $("#menu").css("width", "260px");
    $(".box-icon").css("width", "20%");
    $(".box-title").css("display", "block");
)};

});





Problem jednak zaczyna się po ponownym naciśnięciu tego samego przycisku - menu musi się zwijać - a więc robić:

Kod:
$("#sb").dblclick(function(){

    $("#menu").css("width", "60px");
    $(".box-icon").css("width", "100%");
    $(".box-title").css("display", "none");
});


Jak widać powyżej obecnie jest użyta funkcja dblclick - podwójne naciśniecie myszy.
Pytanie brzmi jak zrobić aby pojedynczy klik otwierał oraz zamykał zawartość?

Pytanie trochę trywialne ale nie ogarniam zbytnio js ani jquery.
(Ten post był ostatnio modyfikowany: 22-06-2016 18:42 przez Tpk-Games.)
WWW Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
goldi Offline
TenTego Premium

Liczba postów: 3
Reputacja: 1
Post: #2
RE: Jquery - obsługa drugiego kliku 23-06-2016 09:09
Kod:
$("#sb").click(function() {

  if ($("#menu").css("width") == '60px') {
    $("#menu").css("width", "260px");
    $(".box-icon").css("width", "20%");
    $(".box-title").css("display", "block");
  } else {
    $("#menu").css("width", "60px");
    $(".box-icon").css("width", "100%");
    $(".box-title").css("display", "none");
  }

});
Cytuj
Tpk-Games Offline
Użytkownik

Liczba postów: 6
Reputacja: 0
Post: #3
RE: Jquery - obsługa drugiego kliku 23-06-2016 11:45
Dzięki wielkie. Rozwiązanie miałem tak naprawdę przed samym nosem a przeleciałem już całą listę akcji myszy w jquery szukając takiego efektu. Żeby było ciekawiej własnie wczoraj oglądałem kurs na temat instrukcji warunkowych ale nawet nie próbowałem używać warunków. Jeszcze raz dzięki wielkie Wink
WWW Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 2 gości