求大神给出个解决办法，试了好多个思路都行不通

javascriptjquery

解决方案 »

  1.   

    没大看懂。
    是不是这个意思？<html><head>
    <style>
    .wrapper{width:800px;margin:100px auto;}
    .item{float:left;}
    .i1{width:100px;height:300px;border:1px solid red;}
    .i2{width:100px;height:300px;margin-left:30px;border:1px solid blue;}
    #view{float:left;width:390px;height:300px;margin-left:30px;display:none;border:1px solid;}
    </style>
    <script src="jquery-1.8.3.min.js" type="text/javascript"></script>
    </head>
    <body>
    <div class="wrapper">
    <div class="item i1"><input type="button" value="点击我好" class="imgs"></div>
    <div class="item i2"><img src=""></div>
    <div class="item i2"><img src=""></div>
    <div class="item i2"><img src=""></div>
    <div id="view"></div>
    </div><script type="text/javascript">
    $(function(){
    $(".imgs").click(function(e){
    e.stopPropagation();
    $(".i2,#view").toggle();
    }); $(".i2").click(function(){
    $(".i2,#view").toggle();
    $(".imgs").hide();
    }); $(".i1").click(function(){
    $("#view").hide();
    $(".i2,.imgs").show();
    });
    });
    </script>
    </body></html>
      

  2.   

    无效哦引入jquery.js了么？