Javascript 反复阅读段落

我一直在使用javascript（知识非常有限）交换图像，但现在我想用文本来交换

我的问题是，如果我有10个不同的段落（链接1显示第1段，链接2显示第2段等），我不知道在哪里可以“键入”它们。我的图像显然链接到一个现成的文件，但我希望我的文本保持为文本，我不知道如何在CSS或HTML等中分配它

使用的代码：

到目前为止，我有我的CSS代码来定义我的文本内容（我想根据单击来更改）和我控制文本更改的地图内容：

    #content 
#content div {float:left;}  
#content_map {width:595px; height: 595px; margin-bottom: 15px; margin-right:15px;}      
    #content_text {width:290px; height: 595px; margin-bottom: 15px;}
#content_profile {width:900px; height: 755px; margin-bottom: 15px;}

因此，到目前为止，我对地图“热点”的html如下所示：

  <area shape="circle" coords="276,326,15" href="#" alt="Kinnloch" onclick="MM_swapImage('stboswells_01','','discover_kinnloch.png',1)"/>
  <area shape="circle" coords="202,264,11" href="#" alt="Lochinver" onclick="MM_swapImage('stboswells_01','','discover_lochinver.png',1)"/>

。。。 等

---

基本上，我在“profile”div中通过“map”div上的坐标交换图像，我想做的是使用这些坐标在我的“text”div中插入文本，所以第一组坐标会将我的文本div更改为“Discover Kinnloch”，第二组坐标会将我的文本div更改为“Discover Lochinver”等等。

听起来你几乎想要扩展部分

您可以通过CSS隐藏html中的内容，并通过javascript显示。下面是一个使用jQuery的示例

<div class="container">
     <a href="#">Header 1</a>

    <p class="container-body">This is a test.</p>
</div>
<div class="container">
     <a href="#">Header 2</a>

    <p class="container-body">This is another test.</p>
</div>    

并通过JavaScript进行切换：

$(".container a").click(function () {
    $(".container-body", $(this).parent()).slideToggle();
});

下面是一个快速的小提琴，展示了它的动作：

---

或者，如果您谈论的是在目标空间中交换文本，那么只需进行一些小的更改，您就会得到这样的结果：

“…但我希望我的文本保持为文本…”这是什么意思？你是说首先有一堆图像，点击一个图像就会用一个文本块替换一个图像吗？反之亦然？请更清楚，并包括一些代码us@Deryck我相信他的意思是，他不想把文本变成图像谢谢你，我要添加我目前使用的代码，因为我觉得我自己解释得不太清楚。

$(".container a").click(function () {
    $(".container-body", $(this).parent()).slideToggle();
});