javascript - 画像をクリックしてdivのテキストを遷移

Question

jsは初めてですが、ここまでです。

ポートフォリオ セクションの画像の 1 つをクリックして、テキスト セクションの h3 のテキストをフェード トランジションで変更し、対応するスライドをスライダーで選択できるようにしたいと考えています。

コード：

<!-- 960 Container -->
<div class="container">

    <!-- Description -->
    <div class="sixteen columns">

        <!-- Text -->
            <h3 class="page_headline">Why Do You Need Manage+ For Your Business?</h3>

        <div class="flexslider">
            <ul class="slides">

                <li>
                <div id="details">Tier-1 Tech Support</div>
                </li>

                <li>
                <div id="details">Off-site Backups</div>
                </li>

                <li>
                <div id="details">Loaner Computer</div>
                </li>

             </ul>
        </div>
    </div><!-- End Description-->

    <!-- Portfolio Content -->
    <div id="portfolio-wrapper">

        <!-- 1/4 Column -->
        <div class="four columns portfolio-item">
                <div class="item-img"><a href="support.html"><img src="img/support.jpg" alt=""/>
                <div class="overlay link"></div></a></div>
                <div class="portfolio-item-meta">
                    <h4><a href="support.html">Tier-1 Tech Support</a></h4>
                </div>
        </div>

        <!-- 1/4 Column -->
        <div class="four columns portfolio-item">
                <div class="item-img"><a href="backup.html"><img src="img/backup.jpg" alt=""/>
                <div class="overlay link"></div></a></div>
                <div class="portfolio-item-meta">
                    <h4><a href="backup.html">Off-site Backups</a></h4>
                </div>
        </div>

        <!-- 1/4 Column -->
        <div class="four columns portfolio-item">
                <div class="item-img"><a href="loaner.html"><img src="img/loaner.jpg" alt=""/>
                <div class="overlay link"></div></a></div>
                <div class="portfolio-item-meta">
                    <h4><a href="loaner.html">Loaner Computer</a></h4>
                </div>
        </div>



    </div><!-- End Portfolio Content -->

</div><!-- End 960 Container -->