Why does my IF statement break my .slideToggle?
I want the div to hide on page load, then when the 'a' link is clicked the div expands and the 'a' text changes and then you can hide the div again by clicking the 'a' link. It all works apart from the div won't slide back up again, after it runs the IF statement it just seems to disable the click and the .slideToggle becomes inactive
- $('#showHide').hide();
-
- $('#slickShow').click(function(){
- $('#showHide').slideToggle(400);
-
- if ($('#showHide').is(':visible')){
- $('.archiveText2 a').replaceWith('<a id="slickShow" href="#">View less Blog Entries<span class="archiveLink2">{</span></a>');
-
- }
- else{
- $('.archiveText2 a').replaceWith('<a id="slickShow" href="#">View more Blog Entries<span class="archiveLink2">}</span></a>');
- }
- return false;
- });