jQuery slideDown() not working first time
jquery
Solution
Change the `<span id="spnMoreInfo" ...>` to a `div`. jQuery can't figure out the height before showing it. This is why it displays instantly instead of sliding.
Modified fiddle here.
Problem
Why does slideDown() not work the first time? ``` $('#lnkInfo').click(function (e) { e.preventDefault(); $(this).blur(); if ($(this).text() == 'More info') { $('#spnMoreInfo').slideDown(200); $(this).text('Less info'); } else if ($(this).text() == 'Less info') { $('#spnMoreInfo').slideUp(200); $(this).text('More info'); } }); ``` jsfiddle here edit: using Firefox 22.0