Show/hide automatisch op hide?

style="display: none"

Ja, gewoon in de css display: none;

Bedankt Johan, werkt goed :) Als je nu op de button klikt blijf je op het midden van de pagina.
Normaal gebruik ik

link#e1 en op de pagina waar ik moet zijn: <a name="e1"></a>, alleen heb ik deze keer geen link.

Jan Graneker op 20/12/2014 11:38:01

Bedankt Johan, werkt goed :) Als je nu op de button klikt blijf je op het midden van de pagina.
Normaal gebruik ik

link#e1 en op de pagina waar ik moet zijn: <a name="e1"></a>, alleen heb ik deze keer geen link.

Geen dank, dat is leuk om te weten.
Santhe bedankt voor het verbetere.

Dit is link: <a id="e1" href="url">link E1</a>
Is je website misschien online?

Ik heb een brede button:

<header>
<h2 id="show">DIRECT OFFERTE AANVRAGEN?</h2>

</header>

<div class="container" class="nodisplay">
<div class="row">
<form>

Als je op de button klikt, activeert die SHOW, en gaat het formulier naar beneden.
Alleen scoll je niet mee naar beneden. Nu wil ik als je op de H2 klikt, dat hij uitgeklapt word en vervolgens naar de bottom van de pagina gaat, zodat je het formulier vol in het zicht heb.

Normaal gebruik ik daarvoor www.domein.nl#e1, alleen heb ik geen link in de H2, hoe kan ik dit wel realiseren?

Ik hoop dat ik het zo goed heb verwoord en erg bedankt voor de snelle reactie.

EDIT: Ik gebruik nu: <a name="e1"></a> en plaats <a name="e1"></a> in de footer, maar ik denk omdat hij hem uitklapt hij niet gelijk naar de footer kan..


Jquery code:
<script>
$(document).ready(function(){
$("h2").click(function(){
$("form").slideToggle();
});
});
</script>

Geen probleem, het is duidelijk genoeg. Geen dank!

probeer dit is uit met externe javascript dus zo: scrollen.js

Geef je button en form een id: voor je button id="button" en voor je form id="form".

2000 kan je naar je wensen aanpassen.

$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#form").offset().top
}, 2000);
});

Heb de volgende id's aangegeven:

Button:
<div id="button"><h2>DIRECT OFFERTE AANVRAGEN?</h2></div>

Form:
<form id="form">

Helaas werkt de JS dan helemaal niet.

Jan Graneker op 20/12/2014 15:29:43

Heb de volgende id's aangegeven:

Button:
<div id="button"><h2>DIRECT OFFERTE AANVRAGEN?</h2></div>

Form:
<form id="form">
Helaas werkt de JS dan helemaal niet.

je hebt fout gedaan. Probeer dit.

Button:
<h2 id="button">DIRECT OFFERTE AANVRAGEN?</h2>

Je form is wel goed.
Form:
<form id="form">

Live example,

http://jsfiddle.net/xqomcq41/

(Misschien handiger)

Ja, dat kan ook dankje.
Jammer, dat phphulp dit zelf niet heeft.