Javascript 如何使div可单击，然后在同一区域上使用ajax打开一个面板或div

我想让一个div可以点击，这样它就可以用ajax打开一个新的面板或div（无需刷新页面），例如，当你在手机上的各种messenger上点击一条消息时，它会打开一个对话页面或div或pannel或section

使用jQuery绑定：
$（“#你的div\u id”）.bind（“更改键控”，function（）{/*在这里做一些有趣的事情*/}）；

这里是一个工作示例：

HTML

<div class="tabbed">
  <input name="tabbed" id="tabbed1" type="radio" checked>
  <section>
    <h1> <label for="tabbed1" data-rel="message-0">Message 1</label> </h1>
    <div id="message-0" class="message-content">
      I want this specific div to be clickable... for example when I click the message it opens the message in full without refreshing the page
    </div>
  </section>
  <input name="tabbed" id="tabbed2" type="radio">
  <section>
    <h1> <label for="tabbed2" data-rel="message-1">Message 2</label> </h1>
    <div id="message-1" class="message-content">
      Another Test message.
    </div>
  </section>
</div>

JQUERY

$(document).ready(function() {
  $(".tabbed label").click(function() {
    var mID = $(this).attr("data-rel");
    $("#" + mID).toggle("slow");
  });
});

---

通过稍微调整HTML，我们可以添加一些类和属性来帮助我们实现长期目标。我们使用CSS隐藏消息内容，然后在单击标签时，使用JQuery将事件绑定到它。使用

.toggle（）

我们可以在每次点击时隐藏/显示它。

慢

只会帮助动画制作，但是可以

快

或者一起省略。

到目前为止，你尝试过哪些代码来实现这一点？除了message.php社交网站页面的php代码，我还没有写任何东西，我不想让它变得更动态、更广告化vance…例如，当我单击该消息时，它会在不刷新页面的情况下完整打开该消息OK，这可以完成，但我们需要查看您一直在使用的内容，以便为您提供帮助或建议。新消息我希望此特定div可单击。例如，当我单击该消息时它完全打开消息，而不刷新页面读取消息（此div也是）新消息我希望这个特定的div是可点击的。例如，当我点击这个消息时，如果你要使用AJAX（在你的描述中），它会在不刷新页面的情况下完整地打开这个消息（这个div也是），根据定义，您将使用javascript。在纯html中，您将指定包含的id=，以便您可以引用此特定的div（id需要唯一），onclick说明当您单击div时将执行哪些javascript函数。噢，谢谢，但是what function（）我只知道“function（）{alert”（“这是我在javascript中知道的唯一函数”）；“一个函数是javascript，由短语function yourFunctionName（arg1、arg2等）{javascript logic}指定没有一个“固定”函数可以自动将发送到web服务器的get/post的输出提取出来，并将其格式化到您的网页中。您可能想看看David Flannigan的《Javascript：权威指南》或Robin Nixon的《PHP、MySQL和Javascript》之类的书，作为开始阅读的地方。

$(document).ready(function() {
  $(".tabbed label").click(function() {
    var mID = $(this).attr("data-rel");
    $("#" + mID).toggle("slow");
  });
});