7 svar · 649 visningar · startad av web00132
Min kod ser ut så här:
1. $("#openContent").click(function () {
2. $("#content").toggle("slide",{direction: "right"},500);
3. });
#openContent är alltså en a-länk som öppnar och stänger diven #content och det funkar finfint. Men om jag vill att den ska stängas när jag klickar utanför den, förutsatt att den är öppen, hur gör jag då?
bind click event på din body/document som kolla en flagga om den skall dölja #content (kolla om den är är visible eller inte).
Tack men sorry, det där säger inte mycket för en JS-amatör :) Har du lust att utveckla?
har du något exempel uppe med CSS? så man inte jobbar i helt blindo?
här har du något kanske?
http://jsbin.com/uroru3
YES! Det är exakt det där jag vill! Har för mig att du räddat mig även tidigare voigtann1, stort tack :bire
En grej nu är att om man dubbelklickar så glider diven tillbaks två gånger liksom, om man klickar utanför den. Försöker hitta något bra om typ "prevent doubleclick" men hittar inget relevant, tittade bl a på one:
http://api.jquery.com/one/
Det verkar ju vara det jag vill men hur implementerar jag det i denna kod?
ändra:
content.hide("slide",{direction: "right"},500);
till:
content.not(":animated").hide("slide",{direction: "right"},500);
Funkar klockrent!