JS Hamburger Menu (Acorn)

[Chris M]

I like the concept ! How would I change the code so that all you saw were the tabs when the site first opens, as opposed to having the "content" of the yellow tab show as at present?

LGF

You're only seeing the yellow because it's the top layer. Make it transparent and you see the green underneath. In other words, all the layers begin as visible and don't disappear (hide) until you click one of the javascript links.

[Acorn]

Just add:

<script>
  $('.yellow, .red, .green, .blue').hide();
</script>

to Website Body (code).

Acorn

[Chris M]

Just add:

<script>
  $('.yellow, .red, .green, .blue').hide();
</script>

to Website Body (code).

Acorn

Ooh, I feel pretty pleased with myself. I was wandering down the same path, but couldn't put the ,.>$)( in their correct pigeon holes. What does the $ mean/do?

[Acorn]

Ooh, I feel pretty pleased with myself. I was wandering down the same path, but couldn't put the ,.>$)( in their correct pigeon holes. What does the $ mean/do?

The $ is an alias for jQuery.
$('.yellow, .red, .green, .blue').hide(); is the dialog for find everything that has a ClassName of yellow, red, green or blue and then hide them.

Acorn

[letsgofishing]

Just add:

<script>
  $('.yellow, .red, .green, .blue').hide();
</script>

to Website Body (code).

Acorn

Many thanks again Acorn - really enjoying learning about what JS can do.

[letsgofishing]

You're only seeing the yellow because it's the top layer. Make it transparent and you see the green underneath. In other words, all the layers begin as visible and don't disappear (hide) until you click one of the javascript links.

OK - I understand. SO there is no way to make just the coloured tabs visible initially?