Javascript 单击一个超链接可更改多个不同div的css样式

我在我的网站上有不同的div，我想做以下事情

    <div id="slider">
       <div id="index_slider">
         <ul class="rslides" >
             <li><img src="img/index_design_02.jpg"></li>
                 <li><img src="img/index_design_03.jpg"></li>                 
         </ul>
        </div>
    </div>

• 当我点击一个链接时，这将触发多个div的css代码内部的更改。例如，如果我单击客户端，我希望使用class=“rslides”创建ul元素以获得heigh=“0px”的属性，而不是另一个div层以在该层下面展开

但我有两个问题：

    <div id="slider">
       <div id="index_slider">
         <ul class="rslides" >
             <li><img src="img/index_design_02.jpg"></li>
                 <li><img src="img/index_design_03.jpg"></li>                 
         </ul>
        </div>
    </div>

<script src="js/responsiveslides.min.js"></script>
<script>
  $(function() {
    $(".rslides").responsiveSlides({
    speed: 1000,
    maxwidth: 1200
      });
  });
</script>



<div id="menu"><a href="#rslides">clients</a></div>
<div id="second_slider"></div>

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;  
  -webkit-transition:all 1s ease-in-out;

}

.rslides:target {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0; 
  height:0px;


}

首先，我使用的是一个响应滑块，要使其高度为=“0px”，我必须更改class属性

另一个问题是如何使一个链接触发第二个div的2个操作。我尝试了使用触发器，但它仅限于每个“id”一个元素

DOM结构：

    <div id="slider">
       <div id="index_slider">
         <ul class="rslides" >
             <li><img src="img/index_design_02.jpg"></li>
                 <li><img src="img/index_design_03.jpg"></li>                 
         </ul>
        </div>
    </div>

这里是链接到

    <div id="slider">
       <div id="index_slider">
         <ul class="rslides" >
             <li><img src="img/index_design_02.jpg"></li>
                 <li><img src="img/index_design_03.jpg"></li>                 
         </ul>
        </div>
    </div>

---

我的目标是在链接上单击一次，名为“菜单”的div在顶部滑动过渡，另一个名为“second_slider”的div在底部展开，滑块在底部展开

根据您的标记，您应该能够针对多个div。唯一的限制是每个目标必须是链接目标的子目标

    <div id="slider">
       <div id="index_slider">
         <ul class="rslides" >
             <li><img src="img/index_design_02.jpg"></li>
                 <li><img src="img/index_design_03.jpg"></li>                 
         </ul>
        </div>
    </div>

<div class="rslides">
  <div id="target-a">
    <div class="sub-target-one"></div>
    <div class="sub-target-two"></div>
  </div>
</div>

---

要将类添加到任何元素中，可以使用此

.addClass（）

。WARE

是一个css类，可以设置

高度：0

。我没有得到的第二个要求是其他问题是如何使一个链接触发2个动作或第二个div。你的意思是什么？这将在悬停时起作用，在链接单击时如何？在这里，目标1和目标2将具有相同的属性，我们如何才能使它们具有不同的css样式？我没有这样做，我的理解是

：target

伪类将在您将目标分配给链接时起作用，例如。您可以使用

：active

进行单击，但仅限于实际按下按钮时。