0

我正在使用一个简单的 jQuery 内容面板切换器，我正在尝试添加一个关闭按钮。关闭按钮正在工作，但使用关闭按钮后，我无法再次重新打开面板。面板切换器插件的代码如下：

jcps.fader = function(speed, target, panel) {
jcps.show(target, panel);
if (panel == null) {panel = ''};
$('.switcher' + panel).click(function() {
    var _contentId = '#' + $(this).attr('id') + '-content';
    var _content = $(_contentId).html();
    if (speed == 0) {
        $(target).html(_content);
    }
    else {  
        $(target).fadeToggle(speed, function(){$(this).html(_content);}).fadeToggle(speed);
    }
});
};

这是我的 HTML 页面中的调用，我已将点击事件添加到：

    $(document).ready(function() {
       jcps.fader(300, '#switcher-panel');
         $(".close").live('click',function(){
         $(".content").fadeOut("slow");
         });
    });

这一切都适用于关闭内容面板，但单击关闭后我无法再次打开面板。

4

1 回答 1

0
  • 在这两个函数的范围之外创建一个变量。
  • 默认情况下将其设置为 false。关闭时将其设置为 true
  • 为真/假创建一个 If 条件（在您的 onClick 代码中），并让它在每个分支中操作关闭/打开代码

这适用/有意义吗？

编辑 - 

 $(document).ready(function() {
   jcps.fader(300, '#switcher-panel');
     $(".close").live('click',function(){
     if (Clicked == true){
         //run jquery code to hide
     } else {
         //run jquery code to show
     }
});
于 2013-10-16T23:38:46.830 回答