Loading...

Search jQuery

Search

jQuery Forum

Screen name:
Jeffrey1

Jeffrey1's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Is it possible to combine these two functions?
[1Reply]
- 24-May-2016 08:36 PM
- Forum: Using jQuery
I have a menu that I toggle when a button is clicked, and when you click off of it or on a link inside of it, it then hides. I also have it set up so that the esc key will close it, but I was curious if I could somehow combine them into one? Heres that I have so far.. everything i've tried doesn't seem to work so if someone could point me in the right direction that would be awesome - Thanks!
2. //Toggle functionality for menu
3. $(function(){
4. var effect = 'slide';
5. var options = { direction: 'left'};
6. var duration = 500;
8. //Slide toggle menu
9. $('#m').click(function () {
10. $('#mOpt').toggle(effect, options, duration);
11. });
13. //Slides menu left to hide when clicking on any <section>
14. $('section, a[href*="#"]:not([href="#"])').click(function(){
15. $('#mOpt').hide(effect, options, duration);
16. });
17. //Slides menu left to hide on key up esc
18. $(document).on('keydown',function(e) {
19. if (e.keyCode == 27) {
20. $('#mOpt').hide(effect, options, duration);
21. };
22. });
23. });

New to jQuery... does this function look well-written?
[3Replies]
- 17-May-2016 10:46 PM
- Forum: Using jQuery
I have a menu that I want to slide toggle in from the left to the right. I would also like to hide the menu when I click off the the menu or when I click the esc key, but I want it to slide back to the left. Here is what I wrote... It seems to work fine, but i'd like to know if it just works or if its actually well-written.

//Toggle functionality for menu
$(function(){
var effect = 'slide';
var options = { direction: 'left'};
var duration = 500;

//Slide toggle menu
$('#m').click(function () {
$('#mOpt').toggle(effect, options, duration);
});

//Slides menu left to hide on key up esc
$(document).on('keyup',function(e) {
if (e.keyCode == 27) {
$('#mOpt').animate({display:'none'}, 0, function() {
$(this).hide(effect, options, duration);
});
}
});

//Slides menu left to hide when clicking on any <section>
$('section').click(function(){
$('#mOpt').animate({display:'none'}, 0, function() {
$(this).hide(effect, options, duration);
});
});
});

«Prev
Next »