Onclick open

Hey,

Ik zoeken nu met (Denk ik: javascript) dat als je op een button klikt dat dan een div word geopend zonder effecten. Ik kan niks op google vinden...

Poedeltje.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(#ding).hide();
    $(#show).click(function() {
        $(#ding).show();
    });
});
</script>
<div id="ding">Hoi</div>
<button id="show">

Zo iets? Heb het nog niet getest, heb het ff snel geschreven dus t kan fout zijn.

Javascript:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function toggleDiv(divId) {
   $("#"+divId).toggle();
}
</script>

Html:

<a href="javascript:toggleDiv(show);">Open / dicht</a>
<div id="show">
   Hier tekst
</div>

Heb ik gevonden, ik ga het morgen testen.

Deze lijkt me makkelijker, voor meerdere dingen.

Hier heb je geen jQuery voor nodig.:

<script>
function Open(){
    document.getElementById(id).style.display = "inline";
}

function Close(){
    document.getElementById(id).style.display = "none";
}
</script>

Dit zou je ook nog in 1 functie kunnen zetten, maar dit is het idee!

Eleky schreef:

Hier heb je geen jQuery voor nodig.:

<script>
function Open(){
    document.getElementById(id).style.display = "inline";
}

function Close(){
    document.getElementById(id).style.display = "none";
}
</script>

Dit zou je ook nog in 1 functie kunnen zetten, maar dit is het idee!

Daarvoor heb je jQuery toggle

Poedeltje schreef:

Javascript:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function toggleDiv(divId) {
   $("#"+divId).toggle();
}
</script>

Html:

<a href="javascript:toggleDiv(show);">Open / dicht</a>
<div id="show">
   Hier tekst
</div>

Heb ik gevonden, ik ga het morgen testen.

Deze lijkt me makkelijker, voor meerdere dingen.

Das javascript

Vriendje schreef:

Eerdere citaten tonen

Poedeltje schreef:

Javascript:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function toggleDiv(divId) {
   $("#"+divId).toggle();
}
</script>

Html:

<a href="javascript:toggleDiv(show);">Open / dicht</a>
<div id="show">
   Hier tekst
</div>

Heb ik gevonden, ik ga het morgen testen.

Deze lijkt me makkelijker, voor meerdere dingen.

Das javascript
Dat wou ik ook .

// Ben namelijk bezig met http://habbo.xlwebs.nl/habbo/.

toevoeging op 25 maart 2012, 13:48:24:
Ik zoek dat je dingen kan verslepen, want als ik nu op google zoek vind ik allemaal uitgebreide dingen maar ik zoek gewoon een hele simpele.

@Poedeltje,
Offtopic: Ziet er goed uit http://jqueryui.com/demos/draggable/

Ik heb overal gezocht, ik vind alleen maar hele uitgebreide systemen om dingen te verplaatsen. Ik zoek gewoon Drag & Drop.

Kijk de post boven je?

Gamedealer schreef:

Kijk de post boven je?

Heb alle manieren daarmee geprobeerd maar werkt niet .

Include je naast jQuery ook de jQuery UI? Die is namelijk nodig voor drag & drop etc.