Moving content with H1 to lower position using Javascript

[rocco1999]

I am working on a website which has a slider with h3's and text on top but I want to place H1 and text on top as well.

I have this "seo-box" which includes H1 and text and then 3x H2 and text for each heading. I want this to appear at the top in the source code so I am using Javascript to display it at the top there but visually it is displayed at the bottom of page, before the footer.

How bad is this and will this result in a penalty?

[brotherhood of LAN]

If you serve Google what you'd serve a regular visitor, there shouldn't be a problem.

[rocco1999]

Can you explain your statement a bit more please as I'm not sure I completely follow :)

[brotherhood of LAN]

I meant in reference to the Javascript changing where it is displayed on the page.

FWIW Adding H1's doesn't sound like a good idea. Maybe 10 years ago that'd have helped you rank better.

[rocco1999]

I'm not trying to gain better rankings because of this but I want to display H1 and that text on top in source code so google will see it that way as well,even though it will be on the bottom on home page. Currently I can't display it there without this because of the design issues.

Here's a quick demo
[jsfiddle.net...]