css - jquery responsive toggle menu works only once -

css - jquery responsive toggle menu works only once -

hi not fluent in responsive , jquery, first project responsive site sga, working fine top menus toggles 1 time dont know how solve.

my jquery:

$("#pull").bind('click touchstart', function () { //$(".responsivemenu, .mobile-responsive-menu").slidetoggle(); $(".responsivemenu, .mobile-responsive-menu").toggle(); }); $(window).resize(function () { $(".responsivemenu, .mobile-responsive-menu").hide(); });

i ve created fiddle quick reference please fiddle.

any quick response appreciated.

note: if visiting listed site(sga) please check in 320x480 resolution.

the problem have 2 elements class mobile-responsive-menu:

<div class="mobile-responsive-menu"> <ul class="mobile-responsive-menu">

remove class div.

here working fiddle: http://jsfiddle.net/q6dss/

note working toggling ul (.mobile-responsive-menu), not individual buttons (.responsivemenu), overkill.

jquery css