Question

所以继承我的问题。我在页面中有4个等间距的框。我希望能够点击一个并展开以适应2的区域，同时将其隐藏在右侧。下面的代码允许我点击.box1并展开box1 / hide box2来填充2个框空格。问题是，当我点击box1接近原始大小时，它不会像往常一样将box2放回去。到目前为止，这是代码，我对jquery的流利程度不是很高，只有我：

$(function() {


    $( ".box1" ).click(function() {
    $( ".box1" ).switchClass( "box1", "box1_l", 200 );
    $( ".box1_l" ).switchClass( "box1_l", "box1", 200 );
    $(".box2").hide();

        return false;
    });

$(function() {

    $( ".box1_l" ).click(function() {
    $( ".box2").show();
        return false;
    });

});

提前谢谢你：）

感谢谢谢：

$(function() {
$( ".box1" ).click(function() {
    var $box2 = $(".box2");
    if($box2.is(":visible")){
        $( ".box1" ).switchClass( "box1", "box1_l", 200 );
        $( ".box1_l" ).switchClass( "box1_l", "box1", 200 );
        $(".box2").hide();
        return false;
    } else{
    $( ".box2").show();
     $( ".box1_l" ).switchClass( "box1_l", "box1", 200 );

 return false;
    }
});

}）;

Answer 1

试试这个：

$(function() {
    $( ".box1" ).click(function() {
        var $box2 = $(".box2");
        if($box2.is(":visible")){
            $( ".box1" ).switchClass( "box1", "box1_l", 200 );
            $( ".box1_l" ).switchClass( "box1_l", "box1", 200 );
            $(".box2").hide();
            return false;
        } else{
             //Not sure if you need the two commented lines below.   
         //$( ".box1" ).switchClass( "box1_l", "box1", 200 );
         //$( ".box1_l" ).switchClass( "box1", "box1_l", 200 );
         $( ".box2").show();
     return false;
        }
    }); 
});

Jquery - 用jquery UI替换类时隐藏/显示类

1 个答案: