Enkelt javascript vill inte funka

Tråden skapades och har fått 1 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Boden
  • 2012-07-19 16:47

Hej.

Har en enkel funktion för att expandera en div:

function expandrow(rownr){
    var therow = document.getElementById('listexpand'+rownr);
    if (therow.style.height == '0px'){    
        therow.style.height='44px';
        }
    else if (therow.style.height == '44px'){    
        therow.style.height='0px';
    }
}

if (therow.style.height == '0px') är den del som bråkar med mig. therow.style.height borde returnera '0px'. Eller? Har jag missat något här?

Här är klassen för elementet:

.listexpand {
    -webkit-transition: all 0.3s ease-in-out;
    position: relative;
    width: 300px;
    padding-left: 20px;
    font-size: 18px;
    font-family: Museo Sans;
    color: #666;
    background: #ff00ff;
    height: 0px;
    overflow: hidden;
}

Hur ser ditt element ut om du kollar med Firebug på den?

Då kan du se hela DOM trädet.

1
Bevaka tråden