使用jquery

Question

请我有一个滑块Imgs和一些多个文本在滑块上，我想让文本动画与第一个img然后当第一个img幻灯片，文本隐藏并在第二个图像上显示另一个文本，我试过但没有什么有用的，我是jquery的初学者。

$("header img").each(function () {

    if ($(".img1:visible")) {

        $("header .hd-text h1").css("visibility", "visible");

    } else if ($(".img2:visible")) {

        $("header .hd-text h1").css("visibility", "hidden");

        }
})

那是我的滑动和文本的HTML代码。

<div class="slider-header">
    <div class="slider-content">
       <img class="img1" src="Imgs/header-pic1.jpeg" alt="Header Picture">
       <img class="img2" src="Imgs/header-pic2.jpeg" alt="Header Picture">
    </div>

<div class="hd-text">
            <div class="container">
                <h1><span>ProWeb</span> Stands Next To You<br> Until You Get Satisfied .</h1>
                <p>We Are Skilled In Web Design at All , What Make Us Special Is Support<br> Just One quick Message And All is Fixed .</p>
                <a class="btn-hd actv-btn" href="#">About Us</a>
                <a class="btn-hd" href="#">Get Satisfied</a>
            </div>
        </div>