Can I use this code for (bootstrap 5) without jQuery?
<script type="text/javascript">
$( document ).ready(function() {
setInterval(function(){
var attend = jQuery('#pills-profile').hasClass('active');
if(attend == true){
jQuery('#id2').show();
jQuery('#id1').hide();
}else{
jQuery('#id2').hide();
jQuery('#id1').show();
}
}, 1000)
});
Something like this
document.addEventListener("DOMContentLoaded", function () {
const first = document.getElementById("id1");
const second = document.getElementById("id2");
const attend = document.getElementById("pills-profile");
setInterval(function () {
if (attend.classList.contains("active")) {
second.style.display = "block";
first.style.display = "none";
} else {
second.style.display = "none";
first.style.display = "block";
}
}, 1000);
});