Response title
This is preview!
Hide problem
in Using jQuery
•
12 years ago
I'm having a problem with the hide function in jquery. My markup code is very straight forward and looks like this...
The hide css class is simply to ensure that the div is hidden when the page loads...
The jquery code looks like this...
Showing the div works fine, hiding the div on the other hand doesn't. For some reason if I do it like this...
... it works just fine, but is rather ugly. On the other hand this...
... won't work at all. I've tried using 'fast' and 'slow' as well, when ever I specify a speed indicator to the hide function it won't work. Anyone else experienced this?
- <div id="taskEditorContainer" class="hide">
- Some content
- </div>
- <button id="taskEditorTool" class="button" type="button">Skapa ärende</button>
- div.hide
- {
- display:none;
- }
- $(function() {
- $('button#taskEditorTool').live('click', function() {
- if ($('#taskEditorContainer').is(':visible')) {
- $('div#taskEditorContainer').hide(400);
- } else {
- $('div#taskEditorContainer').show(400);
- }
- });
- });
- $('div#taskEditorContainer').hide();
- $('div#taskEditorContainer').hide(400);
1