Topic: Rotate Card by Link instead of whole card
/* ROTATING CARDS */
(function () {
var cards = document.querySelectorAll(".card1.effect__click");
for (var i = 0, len = cards.length; i < len; i++) {
var card1 = cards[i];
clickListener(card1);
}
function clickListener(card) {
card.addEventListener("click", function () {
var c = this.classList;
c.contains("flipped") === true ? c.remove("flipped") : c.add("flipped");
});
}
})();
<script>
$('button').click(function () {
$('.card1').toggleClass('flipped');
});
</script>/* ROTATING CARDS */
(function () {
var cards = document.querySelectorAll(".card1.effect__click");
for (var i = 0, len = cards.length; i < len; i++) {
var card1 = cards[i];
clickListener(card1);
}
function clickListener(card) {
card.addEventListener("click", function () {
var c = this.classList;
c.contains("flipped") === true ? c.remove("flipped") : c.add("flipped");
});
}
})();
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No