Jquery Kodunu Pure JavaScript e dönüştürmek.

11-08-2022, 12:53:44

Selamlar, aşağıdaki jQuery kodunu JavaScript koduna dönüştürebilecek var mı?

<script>
        $(".hide-show .flip-icon").click(
            function () {
                $(this).closest('.hide-show').find('.shaded').css('visibility', 'visible');
                $(this).closest('.hide-show').find('.without-shade').css('visibility', 'hidden');
            }
        );
        $(".shaded .flip-icon").click(
            function () {
                $(this).closest('.hide-show').find('.shaded').css('visibility', 'hidden');
                $(this).closest('.hide-show').find('.without-shade').css('visibility', 'visible');
            }
        );
    </script>

11-08-2022, 12:59:25

hakantapanyigit

document.querySelector(".hide-show .flip-icon").click(
            function () {
                document.querySelector(this).closest('.hide-show').querySelector('.shaded').css('visibility', 'visible');
                document.querySelector(this).closest('.hide-show').querySelector('.without-shade').css('visibility', 'hidden');
            }
        );
        document.querySelector(".shaded .flip-icon").click(
            function () {
                document.querySelector(this).closest('.hide-show').querySelector('.shaded').css('visibility', 'hidden');
                document.querySelector(this).closest('.hide-show').querySelector('.without-shade').css('visibility', 'visible');
            }
        );