Help with Drop Bar things (and getting SVG to load when published)

[Spartan4085]

First look at this url.

Lets call the bars with various class names and an arrow-like icon to the right “bars”. When the user clicks on a bar it should look something like this:

The box containing the description and button should slide down from the bar while pushing the ones below it and slide back when the user clicks the bar again. The problem is, I’m not sure how to do this and I don’t have much time to think about it.
Any help with this would be nice.

Also, the logo in the top right corner does not load when the site is published, but works fine locally. It’s an SVG and is supposed to fall back to a PNG with Modernizr. How would I fix that?

Thanks in advanced.

[PaulOB]

@Spartan4085

First look at this url.

Lets call the bars with various class names and an arrow-like icon to the right “bars”. When the user clicks on a bar it should look something like this:

The box containing the description and button should slide down from the bar while pushing the ones below it and slide back when the user clicks the bar again. The problem is, I’m not sure how to do this and I don’t have much time to think about it.
Any help with this would be nice.

You would need to add some JS to hide and show the elements as required. As you are using jquery already then you could use one of the standard methods to toggle the display or [URL=“https://api.jquery.com/slideToggle/”]slideToggle the display.

Also, the logo in the top right corner does not load when the site is published, but works fine locally. It’s an SVG and is supposed to fall back to a PNG with Modernizr. How would I fix that?

Is the path correct as the svg doesn’t seem to be at this address although the png image does [URL=“http://wolbertswebtest.azurewebsites.net/images/layout/logo.png”]seem to be here.