Enkelt javascript vill inte funka

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;
}