Jquery 打开从一个div节到另一个div节的链接

我需要打开从一个

div

部分到另一个部分的链接（在同一页上）。我成功地做到了这一点，它工作正常（参见下面的代码）

但是。。。问题是内容

div

-区域（

div

-显示链接内容的区域）在开始时为空（当我打开html文件时）。我如何获取例如在开始的内容div中显示的

m1

内容

如果有人能告诉我解决办法，我将不胜感激

$（文档）.ready（函数（）{
$（'a'）。在（'click'，function（）上{
var-aID=$（this.attr（'href'）；
var elem=$（''+aID）.html（）；
$（'.target'）.html（elem）；
});
});
#m1，
#m2，
#m3，
#m4，
#m5，
#m6，
#m7，
#m8，
#m9{
显示：无；
}









文本内容

文本内容

文本内容

试试这个


$（'m1'）.show（）；
$（'a[href=“#m1”]”）addClass（'active'）；
$（'a'）。在（'click'，function（）上{
$（'a'）.removeClass（'active'）；
var aID=$（this.addClass（'active'）.attr（'href'）；
$（'.tabcontent'）.hide（300）；
美元（援助）。展览（300）；
});
.active{color:red；}
#m1、m2、m3、m4、m5、m6、m7、m8、m9{显示：无；}

M1含量
M2含量
M3含量
M4内容
M5内容
M6内容
我只想对提问的人说声谢谢，尤其是对Sathis。你的例子帮了我很大的忙，我有了解决这个问题的新想法。最后，我找到了这个小代码thang，它工作得很好：

CSS:m2、m3、m4、m5、m6、m7、m8、m9{display:none；}

JQuery：

$（文档）.ready（函数（）{
$（'a'）。在（'click'，function（）上{
var-aID=$（this.attr（'href'）；
var elem=$（''+aID）.html（）；
$（'.target'）.html（elem）；
$（'m1'）。隐藏（0）；
});});

HTML:













链接1内容

链接2内容

链接3内容

链接4内容

链接5内容

链接6内容

链接7内容

链接8内容

链接9内容

你可以在问新问题或编辑你自己的问题时按
ctrl+m
键添加你的html代码。{m1{display:none}它会隐藏m1内容，如果你想查看，那么你必须按{m1{display:block}来做。你会提供一个工作程序吗？这个程序在这里工作得很好，但在我的页面上不起作用。。。一切都应该是对的，但不是。。我想知道。。无论如何谢谢你！
<!-- LINK DIV -------------------------->
<div id="sideBar">
<ul>
<li><h1><a href="#m1">LINK1</a></h1></li>
<li><h1><a href="#m2">LINK2</a></h1></li>
<li><h1><a href="#m3">LINK3</a></h1></li>
<li><h1><a href="#m4">LINK4</a></h1></li>
<li><h1><a href="#m5">LINK5</a></h1></li>
<li><h1><a href="#m6">LINK6</a></h1></li>
<li><h1><a href="#m7">LINK7</a></h1></li>
<li><h1><a href="#m8">LINK8</a></h1></li>
<li><h1><a href="#m9">LINK9</a></h1></li>
</ul>
</div>

<div id = mainContent>
<div class="target">
</div>

<!-- LINK CONTENET DIV---------------->
<div id="m1"><p>LINK1 CONTENT</p></div>
<div id="m1"><p>LINK2 CONTENT</p></div>
<div id="m1"><p>LINK3 CONTENT</p></div>
<div id="m1"><p>LINK4 CONTENT</p></div>
<div id="m1"><p>LINK5 CONTENT</p></div>
<div id="m1"><p>LINK6 CONTENT</p></div>
<div id="m1"><p>LINK7 CONTENT</p></div>
<div id="m1"><p>LINK8 CONTENT</p></div>
<div id="m1"><p>LINK9 CONTENT</p></div>
</div>