小编Tho*_*sCS的帖子

slideToggle正是我想要的,只是我希望幻灯片是水平的.

我现在有一个水平隐藏/显示和动画点击,但我想有切换选项.因此,当我点击活动链接时,它将播放动画反转并隐藏自己.

最好的方法是什么？

我有多个按钮,通过jquery切换脚本获得活动的css样式.但是我想一次只有一个按钮.但是,当我重新点击一个活动按钮时,它必须变得不活跃.

$(document).ready(function(){
    $('.button').click(function() {       
        $(this).toggleClass('buttonactive');
    });
});

基本上我需要添加一行说:

$(all .button except this).removeClass('buttonactive');

我不知道怎么回事.有人能帮我吗？这是一个有问题的JSFIDDLE:http://jsfiddle.net/nV5Tu/3/

$(window).resize 不工作,我错过了什么？

所以我这个页面有一个350px宽度的垂直菜单,水平居中.链接打开iframe,显示不同的内容.显示外部网站的iframe通过以下方式获取宽度:$("#iframeweb").width($(document).width() - $('#menu').width())使其填满屏幕,将菜单推向一边.

该部分有效,但它也需要在调整窗口大小时更改宽度,但它什么都不做......

代码:

<div id="wrapper">
    <div id="outer">
    <div id="inner">
        <iframe name="iframeweb" id="iframeweb"></iframe>
        <div id="menu">
                </div>
        <iframe name="iframeA4" id="iframeA4"></iframe>
    </div>
    </div>
    </div>

<script type="text/javascript">
$(window).resize(function() {
    $("#iframeweb").width($(document).width() - $('#menu').width());
};
</script>

<script type="text/javascript">
$("#linkA4").click(function(){
    $("#iframeA4")
        .hide('fast')
        .animate({"width": "0px"}, 'fast')
        .animate({"width": "210mm"}, 'fast')
        .show('fast');  
    $("#iframeweb").hide('fast');
});

$("#linkweb").click(function(){
    $("#iframeA4")
        .animate({"width": "0px"}, 'fast')
        .hide('fast');
    $("#iframeweb")
        .hide('fast')
        .width($(document).width() - $('#menu').width())
        .show('fast');
});
</script>