如何调用切换功能

时间:2014-02-06 20:08:07

标签: jquery html

我有以下代码:

$("#First").toggle(function() {
 $('#Second').load('http://www.astralinternet.com/smtp_provider.php', function() {});
  ... stuff ...
 }, function() {
   hide stuff...
   etc...
 });

这与div类似使用:

<div id="First" style="
    position:aboslute;
    height:400px;
    width:400px;
    top:0px;
    left:0px;
"></div>
<div id="Second" style="
    position:aboslute;
    height:380px;
    width:380px;
    top:10px;
    left:10px;
"></div>

现在,我希望#first和#Second

触发切换

我试过这样调用切换:

 $("#first, #Second").toggle(function() { ...

它给出了有趣的结果,因为两个div都表现得好像他们有自己的切换事件。

我尝试添加:

 $("#Second").click(function() { $("#Firsrt").toggle() });

这只在我的First div上添加了“显示”切换。

感谢输入。

1 个答案:

答案 0 :(得分:0)

我已经解决了我的问题。我已经更换了tottle并使用了一个开关盒:

var iteration = 1;
$('.SMTP_SHOW, .SMTP_CONTENT').click(function(){
switch ( iteration) {
    case 1:
               Stuff...
               break;
            case 2:
               Stuff...
               break;               
    }
iteration++;
if (iteration>2) iteration=1
})

这样两个ID都链接到同一个触发器(或者在这种情况下为开关......)