jQuery - 다른 클래스/div에서 숨겨진 div 표시하기

Question

그래서 여기에 문제가 있습니다 - 나는 (4) 동일한 너비와 높이의 상자가 있습니다. 각 상자 자체는 내부와 외부의 2 가지 상태를가집니다. 이너는 클릭 할 때만 보여주고 CSS를 통해 숨겨집니다. BOX1을 클릭하면 내부 상자 1 내용 (ib1)을 표시하고 다른 상자 (외부 상자 1)를 숨기고 상자 1의 너비를 전체 너비로 확장합니다. 이 코드를 작성하는 방법을 알고 있고 그 부분은 잘 작동합니다.

그러나 내부 상자 상태에서 (4) 상자를 한 번 전환하면 포트폴리오에서 허용 할 수있는 종류가됩니다. 다른 항목을 클릭하십시오. 나는 단지 할 수 없다는 것을 안다.

$(.ib1).hide(); 
$(.ib2).show(); 

내가 검색해 봤지만, 아아 아무것도 관련이없는 것 같습니다. 아래는 제가 지금까지 가지고있는 코드입니다. 미리 도움을 주셔서 감사합니다. 다음 상자 버튼입니다 함께

의 .js 코드 위

$(function() { 
    $(".click").click(function() { 
     var $box2 = $(".box2"); 
     var $ib2 = $(".ib2"); 
       if($box2.is(":visible")){ 
     $(".ob1").hide(); 
     $(".box2, .box3, .box4").hide("fade", 1000); 
     $(".ib1").show("fade", 1000); 
     return false; 
       } else{ 
     $(".ib1").hide(); 
     $(".ob1, .box2, .box3, .box4").show("fade", 1000); 
      return false; 
     } 
    }); 
}); 

은 내부/외부 상태를 토글 링에서 작동 파일, 내가 코드 문제가 아래 코드 :

$(function() { 
$(".ib1_next").click(function() { 
$(".ib1").hide(); 
$(".box2 .ib2").show(); 
return false; 
    }); 
}); 

나는 매우 새로운, 그래서 온유 : 당신은 내가 여기 무슨 뜻인지의 데모 볼 수 있습니다

demo of 4 box

Answer 1

을