0

現在、左にタイトルと画像がありますテキストがクリックされる前

ユーザーがこのリンクをクリックすると、説明が表示されます

テキストが表示されます

私はこれを使用して行います：

<script type="text/javascript">
    $(document).ready(function () {
        $(".hidden").hide();
        $("p.show").click(function () {
            $(this).next(".hidden").toggle()
        });
        $("p.show").hover().css('cursor', 'pointer');
    });
</script>

ただし、テキストが表示されたときに画像を変更したいと思います。replaceWith を使用してみましたが、うまくいきませんでした。私はまだjQueryに慣れていないので、アドバイスは素晴らしいです。答えは必要ありませんが、何が最善かを示すだけです。

<p style="color:Black;float:left;padding-top:0px;" class="show">
<img alt="+" src="resources/images/plussign.jpg" style="float:left; margin-right:10px;"/>What is EFM?<br /></p>
<div class="hidden">
  <p style="margin-left:20px;">
    <br />EFM, also known as Ethernet in the First Mile, is an Ethernet leased line
    service that runs over copper rather than the fibre optic cable used for
    other Ethernet services. The copper is provided in bonded pairs, making
    the connection extremely robust. If one copper pair fails, the others remain
    live, meaning you don’t suffer any downtime and can continue working with
    reduced bandwidth until normal service is restored.</p>
</div>
4

1 に答える 1

0

これを行う、

<img id="myimg" alt="+" src="resources/images/plussign.jpg" style="float:left; margin-right:10px;" />



$('#mying').attr('src','nextimage');
于 2012-10-23T09:00:17.967 に答える