Insert a checkbox in a slide side menu

[rossig7]

Hi everyone! I have the following menu, http://jsfiddle.net/s1fpz40c/4/ I want that one of the submenus has items that are checkbox buttons.
I can’t get it working: it doesn’t respect the properties I set to them such background color, size, etc and everytime I click on it, the menu slides and the checkbox doesn’t get checked.

I appreciate any suggestions. Thanks a lot.

[Shikkediel]

I don’t see any input checkboxes… but if you were to add them, make sure the jQuery is written in such a way that when the menu is clicked the checkbox itself is excluded. This could be achieved by referencing e.target (the origin of what element triggers an event).

http://api.jquery.com/event.target/

[Paulie_D]

Not sure what you are asking but the toggle is hidden a little in JSfiddle by the “Results” thingy in the tp corner.

http://jsfiddle.net/s1fpz40c/7/

[Shikkediel]

Indeed the position of the hamburger icon wasn’t very convenient, noticed that as well and thought at first that had to do with the issue (probably should have mentioned it as well). But soon realised it’s just an arbitrary coincidence (two words that could well be a pleonasm).

[rossig7]

Yes, the check box wasn’t included in that example.
My question was how to add it taking as a base that example.

I tryed something like this:
http://codepen.io/rossig7/pen/raqgxO

[rossig7]

Well, that’s an example…I am getting closer
http://jsfiddle.net/nvzfh8ek/

[Author]

Posts