Vinnaren i pepparkakshustävlingen!
  1. Dator och IT
  2. Systemutveckling
  3. Webbutveckling och javascript

slide för login fungerar inte

Svara
  • 2
  • 3
2013-12-07, 22:21
  #25
kakan14
Medlem
jag använder Chrome själv då ?
Citera
2013-12-07, 22:21
  #26
b.inary
Medlem
Problemet bror inte på ditt javascript, utan på din CSS. .loginbox ligger inuti #login med position: absolute, detta gör att #login bara blir en pixel hög. Därmed finns det inte heller någon höjd att animera mot när jQuery försöker köra sin slide-animation. Prova att visa #login-diven, och istället gömma .loginbox och köra slideDown på den istället.

Edit: Du vet väl att du kan positionera element relativt till högerkanten på skärmen också? Istället för att använda position: absolute och left: 1015px, så kan du sätta right: 0
__________________
Senast redigerad av b.inary 2013-12-07 kl. 22:26.
Citera
2013-12-07, 22:24
  #27
kakan14
Medlem
hur menar du då att jag ska göra ?
Citera
2013-12-07, 22:29
  #28
b.inary
Medlem
Citat:
Ursprungligen postat av kakan14
hur menar du då att jag ska göra ?

CSS:
Kod: 
#login {
    display: block;
}
.loginbox {
    display: none;
}

JS:
Kod: 
$(document).ready(function() {
     $("#knappen").click(function() {
         $(".loginbox").slideToggle(300);
     });
});
Citera
2013-12-07, 22:32
  #29
kakan14
Medlem
Funkade perfekt! stort tack för hjälpen!
Citera
2013-12-07, 22:46
  #30
b.inary
Medlem
Citat:
Ursprungligen postat av kakan14
Funkade perfekt! stort tack för hjälpen!

Inga problem! Du bör överväga att targeta .loginbox genom ett id istället för en klass dock
Citera
Svara
  • 2
  • 3

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback