Question

我遇到的问题实际上很难定义，所以很抱歉主题的名称。来到这个问题......我几乎没有输入。喜欢：

<input type="radio" name="radio-set" id="st-control-2"/>
            <a href="#"></a>
            <input type="radio" name="radio-set" id="st-control-3"/>
            <a href="#"></a>
            <input type="radio" name="radio-set" id="st-control-4"/>
            <a href="#"></a>
            <input type="radio" name="radio-set" id="st-control-5"/>
            <a href="#"></a>

和css

input#st-control-3:checked ~  input {
    left:-200%; }

    input#st-control-3:checked ~  a {
    left:-200%; }

我想点击例如＃st-control-3来移动其他输入。它可以工作，但只能在＃st-control-3之后写入的元素（在我的情况下输入），因此在我的例子中，效果不会出现在＃st-control-2上。

所以问题是如何影响不是parrent或child的元素，它是在active元素之前写的。

我希望我写的很清楚。

Answer 1

好的我将课程添加到＆lt; a＆gt;因为我需要一个＆lt; a＆gt;留下来我用JS代码做了这个：

$(document).ready(function(){
            $("#st-control-3").click(function(){

                $(".panel").css('left','-200%');

            }); 

        });

一切正常，但我有＆＃34;后退按钮＆＃34; ...如何创建将.panel返回到默认位置的下一个功能？

检查div会影响其前写的其他div

1 个答案: