Having some trouble with this code snippet:
<div class="chat" style="display: none;">
<input type="text" class="chat-name" placeholder="Enter your name">
<div class="chat-messages"></div>
<textarea class="chat-textarea" placeholder="Type your message"></textarea>
<div class="chat-status">Status: <span>Idle</span></div>
</div>
<div id="showmenu">Click Here</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script>
$('#showmenu').click(function() {
$('.chat').slideToggle("fast");
});
});
</script>
The .chat div is not toggling as expected.
If anyone can provide assistance, it would be greatly appreciated!