Javascript 使一个链接执行两个操作

最重要的是，我不知道我是否采取了正确的方法，所以请容忍我

我的问题如下：我试图使用一个手风琴，其中每个标签都是一个类别，当展开时，手风琴会显示该类别中的艺术家。到目前为止，一切顺利

现在，我试图实现的另一部分是：一旦我点击选项卡（有一个“#”链接），我需要在一个div中显示艺术家列表，这是我计划用AJAX实现的。如果链接在手风琴内容中（例如，如果我想点击一个艺术家），但在点击一个标签时，我不知道如何使其工作，那么我可以毫无问题地完成这项工作

我的代码如下：

我想做的是：将href=#替换为以下内容：

因此，当单击一个类别（例如“照片”）时，它会展开手风琴（它会这样做），并在ajax框中显示内容，这与手风琴的内容完全相同，只有缩略图

因此，基本上，我需要让选项卡链接执行2个操作：1）展开手风琴，2）显示ajax内容

---

我认为也许AJAX解决方案是错误的，无论哪种方式，任何帮助都将不胜感激。

尝试使用jQuery，并编写一段代码来完成您需要的工作

像

---

如果可以，请使用jQuery或其他库

• 使用观察者捕捉单击事件。这样可以将html与javascript分离
• 用于执行ajax请求=>您可以在“成功”和 当ajax请求失败时抛出清除错误
• 您的库还将为您提供触发多个观察者“onClick”的工具

---

您的ajaxpage功能在哪里？实际需要实现什么？只要单击该选项卡，就需要使用ajax填充该选项卡内容部分中的数据。你不需要正常的方式。是吗？谢谢你，乔里斯，做了一些小小的改变，成功了！：）

<li class="artistlist">
<a href="#">Photo</a>
<ul>
    <li><a href="artist.html">Artist</a></li>
    <li><a href="artist.html">Artist</a></li>
    <li><a href="artist.html">Artist</a></li>
</ul>
</li>
</ul>

<div id="contentbox">
<div id="artistcat">


</div>
</div><!-- /contentbox -->

$('#contentbox').click( function() {
   $('#content').ajax( /* do ajax stuff */ );
   // animate accordion
});