Javascript toggle Skript - Javascript, jquery

Ich habe diesen js-Code, der einige anzeigen und ausblendenInhalt auf einer Seite, nachdem Sie auf eine Schaltfläche geklickt haben. Ich habe ein zweites Skript (slickbox2) hinzugefügt, das dasselbe mit einem anderen Inhalt tut, indem Sie auf die 2. Schaltfläche klicken. Das Problem, das ich lösen muss, ist, wenn der 1. Inhalt angezeigt wird und ich auf die 2. Schaltfläche klicke. Vielen Dank!

jQuery(document).ready(function() {
//hides the slickbox as soon as the DOM is ready
jQuery("#slickbox").hide();

// toggles the slickbox on clicking the noted link
jQuery("#slick-toggle").click(function() {
jQuery("#slickbox").toggle(400);
return false;
});

jQuery("#slickbox2").hide();
// toggles the slickbox on clicking the noted link
jQuery("#slick-toggle2").click(function() {
jQuery("#slickbox2").toggle(400);
return false;
});

});

Antworten:

Ein paar Punkte geändert.

$(document).ready(function(){
$("[id*=slickbox]").hide(); //hide your slickboxs

$("#slick-toggle").click(function(){
$("#slickbox").show();
$("#slickbox2").hide();
});

$("#slick-toggle2").click(function(){
$("#slickbox").hide();
$("#slickbox2").show();
});
});

Übrigens Sie können $ anstelle von jQuery in Ihrem gesamten Code verwenden:

jQuery("#slick-toggle2").click(function() {
jQuery("#slickbox2").toggle(400);
$("#slickbox1").toggle(400);
return false;
});

Zuerst müssen Sie allen Slickboxen Klasse geben, z. slickbox dann wäre dein Javascript gerne

    <script type="text/javascript">
jQuery(document).ready(function() {
$(".slickbox").hide();      //hides all elements with class slickbox

$(".slickbox").click(function(){
$(".slickbox").hide();
$(this).toggle(400);
})
});
</script>

Mit der Funktion hide () können Sie den ersten Inhalt immer ausblenden, wenn Sie auf die zweite Schaltfläche klicken

jQuery("#slick-toggle2").click(function() {
jQuery("#slickbox").hide(400);
jQuery("#slickbox2").toggle(400);
return false;
});

Verwenden Sie keine Umschaltfunktion oder der Inhalt wird angezeigt, wenn er ausgeblendet wurde