Cos'è che non funziona? Non mostra, non nasconde o entrambe?
Perché vedo la regola .hide in cui metti "visibility: hidden" che poi non vai a ripristinare con la regola .show, non so se il problema può essere questo.