Deze code toont frm01:
$(document).ready(function() {
$("#reg").click(function () {
$("#frm01").show("slide", { direction: "down" }, 1000);
});
});
Maar ik wil frm01 verbergen als het al zichtbaar is, en vice versa.
Hoe kan ik dit doen, alstublieft?
Antwoord 1, autoriteit 100%
Probeer de toggle()
-methode van jQuery:
$(function() {
$("#reg").click(function () {
$("#frm01").toggle(1000);
});
});
Je hebt jQuery niet nodig om if-else-statements te gebruiken; Javascript implementeert die native…
$(function() {
$("#reg").click(function () {
if ($("#frm01").is(":visible"))
$("#frm01").slideUp(1000);
else
$("#frm01").slideDown(1000);
});
});
Antwoord 2, autoriteit 14%
probeer dit:
$(document).ready(function() {
$("#reg").click(function () {
if ($("#frm01").is(':hidden')) {
$("#frm01").show("slide", { direction: "down" }, 1000);
} else {
$("#frm01").hide(1000);
}
});
});
Antwoord 3, autoriteit 7%
$("#reg").on('click', function () {
$("#frm01:hidden").show("slide", { direction: "down" }, 1000);
$("#frm01:visible").hide("slide", { direction: "up" }, 1000);
});
of
$("#reg").toggle(
function () {
$("#frm01").show("slide", { direction: "down" }, 1000);
},
function(){
$("#frm01").hide("slide", { direction: "up" }, 1000);
}
);
zou ook moeten werken
Antwoord 4, autoriteit 7%
U kunt de methode $.toggle() gebruiken om te tonen en te verbergen. Er is enige tijd nodig om te bepalen of elementen worden verborgen of weergegeven.
$("#reg").click(function () {
if($("#frm01").hasClass('fram1-slide-on')){
$("#frm01").hide();
$("#frm01").removeClass('fram1-slide-on');
} else {
$("#frm01").show("slide", { direction: "down" }, 1000);
$("#frm01").addClass('fram1-slide-on');
}
});