jquery - 如果显示父元素，则执行函数 - 什么是正确的语法

Question

我想要实现的是

1）如果点击'.box' - ＆gt;显示'.box-slides'并隐藏兄弟姐妹;

2）'＃slides01'元素上的.slidesjs仅在显示'.box-slides'时执行。

HTML

<div class="box">
</div>
<div>
    <div class="box-slides" style="display:none">   
     <div class="container">
      <div id="slides01">
          <img src="assets/img/01.jpg">
          <img src="assets/img/02.jpg">
          <img src="assets/img/03.jpg">
      </div>
     </div> 
    </div>
    <div class="sibling01">
    </div>
    <div class="sibling02">
    </div>
    <div class="sibling03">
    </div>
</div>

的jQuery

 $('.box').click(function(){
   $('.box-slides').show().siblings().hide();     
   $('#slides01').slidesjs({       
      width: 700,
      height: 500,
      navigation: false
  });

});