Question

基本情况如下：

我有一个iframe，点击不同的按钮时加载不同。但是所有这些按钮都在切换相同的iframe，但只有最顶层的按钮正在工作。

我还希望动画能够使iframe取消标记，然后在已经打开的情况下进行retoggle，但会点击一个新链接。

HTML：

<div id="wrapper">
    <div id="left">LINKSSSSS</div>
    <div id="menu"> 
        <span class="button" id="leftbutton">open left</span>
        <span class="button" id="rightbutton">open right1</span>
        <span class="button" id="rightbutton">open right2</span>
        <span class="button" id="rightbutton">open right3</span>
    </div>
    <div id="right">RECHTSSSS</div>
</div>

CSS：

    #menu {
    background:#eee;
    width:300px;
    height:400px;
    float:left;
}
#left {
    float:left;
    display:none;
}
#right {
    float:left;
    display:none;
}

JS：

$(document).ready(function () {
    $('#leftbutton').click(function () {
        $('#right').hide();
        $('#left').toggle();
    });
});
$(document).ready(function () {
    $('#rightbutton').click(function () {
        $('#left').hide();
        $('#right').toggle();
    });
});

！EDIT！

因此，已经解决了id而不是类选择器的问题。我还设法实现了retoggle动画。当我点击两次相同的链接时，我只需要取回切换功能。

现在：http://jsfiddle.net/thomascs/CfGYG/6/