PepijnKosman
Nieuwe gebruiker
- Lid geworden
- 16 nov 2017
- Berichten
- 1
Mijn vraag is, hoe kan ik mijn javascript aanpassen om een <div> te openen met een button of afbeeldingen terwijl mijn <div> in een andere rij of sectie staat, en de niet geselecteerde <div>'s sluiten.
Met dit javascript kan ik een bepaalde <div> toggelen maar het sluit mijn andere <div>'s niet:
-----------------------------------
Daarnaast heb ik het geprobeerd met een accordion, Maar dan moet mijn Content in mijn <div> onder mijn knop staan. En het is juist de bedoeling om in het midden van de pagina mijn content te laten zien
:
-----------------
Als iemand mij hier mee zou kunnen helpen zou ik heel dankbaar zijn.
Met dit javascript kan ik een bepaalde <div> toggelen maar het sluit mijn andere <div>'s niet:
Code:
<script type="text/javascript">
jQuery(document).ready(function() {
// Hide the div
jQuery('#reveal').hide();
jQuery('.rv_button').click(function(e){
e.preventDefault();jQuery("#reveal").slideToggle();
jQuery('.rv_button').toggleClass('opened closed');
});
});
</script>
Daarnaast heb ik het geprobeerd met een accordion, Maar dan moet mijn Content in mijn <div> onder mijn knop staan. En het is juist de bedoeling om in het midden van de pagina mijn content te laten zien
:
Code:
<script>
var acc = document.getElementsByClassName("accordion");
var panel = document.getElementsByClassName('panel');
for (var i = 0; i < acc.length; i++) {
acc[i].onclick = function() {
var setClasses = !this.classList.contains('active');
setClass(acc, 'active', 'remove');
setClass(panel, 'show', 'remove');
if (setClasses) {
this.classList.toggle("active");
this.nextElementSibling.classList.toggle("show");
}
}
}
function setClass(els, className, fnName) {
for (var i = 0; i < els.length; i++) {
els[i].classList[fnName](className);
}
}
</script>
Als iemand mij hier mee zou kunnen helpen zou ik heel dankbaar zijn.
Bijlagen
Laatst bewerkt door een moderator: