I'm newbie to javascript, actually, it's the first time I have to write something in it on my own.

My problem is that when I try using this script:

```
$('.menu-item-has-children').click(function() {
$('.masthead').css({
    'margin-bottom': '-30px',
 });
});

```

It doesn't work at all. What I want to do, is move whole page content after opening submenu. Normally I would do it in css, but in this case, it's some wordpress template, and it's kind of hard to get it all running fine. :/

so:
.masthead is containing whole menu, after some modifications I set margin-bottom to -80px, but now I need it to extend after submenu shows up.

.menu-item-has-children is one of a couple classes I could actually use - it contains menu position that shows submenu after clicking it.

I'm struggling with this for some time now, it would be great if someone could help me :)

SOLUTION:

```
jQuery('.parent-menu').click(function() {
jQuery('.masthead').css({'margin-bottom': '-30px'});
});

```