jquery simplemodal多div

我是Jquery的新手，使用SimpleModel插件创建弹出窗口。 我想在弹出窗口中一次只显示一个内容。 我在我的页面上使用了三次相同的div链接，但我想在它们上显示不同的内容

现在我在同一个窗口中显示所有三个内容。 这是我的密码：

jQuery(function ($) {

  $('.bt-menu').click(function (e) {                             
    $('.content, .content2, .content3').modal({onOpen: function (dialog) {
       dialog.overlay.fadeIn('slow', function () {
         dialog.data.hide();
         dialog.container.fadeIn('slow', function () {
           dialog.data.slideDown('slow');
           return false;
         });
       });
    }});
 });
});

所以基本上，我在单独的链接内有每个内容，这些链接使用同一类“bt菜单”。 但是我只想显示链接中隐藏的内容，而不是在弹出窗口中显示所有隐藏的div

---

我知道代码同时调用所有内容，只是不确定如何更改？？？

您可以将每个内容绑定到它自己的模态对象

var makeModalObj = {onOpen: function (dialog) {
       dialog.overlay.fadeIn('slow', function () {
         dialog.data.hide();
         dialog.container.fadeIn('slow', function () {
           dialog.data.slideDown('slow');
           return false;
         });
       });
    }};

jQuery(function ($) {

  $('.bt-menu').click(function (e) {      

    $('.content').modal(makeModalObj);
    $('.content2').modal(makeModalObj);
    $('.content3').modal(makeModalObj);
  });
});