Question

所以我使用slidetoggle（）来打开和关闭div;在jquery，但每次我点击屏幕上的任何地方它只是切换回here是网站

这是我正在使用的代码

jquery的

write()

CSS

    jQuery(document).ready(function(){
      firstLoad();

      $('#a1').live('click', function(event) {
          toggleFoodDiv();
      });

      $('#a2').live('click', function(event) {
          toggleLazerTagDiv();
      });

      function toggleFoodDiv(){
        $('#food-div').slideToggle("fast");
      }
      function toggleLazerTagDiv(){
        $('#lazertag-div').slideToggle("fast");
      }
    });
    //both of those divs use the .information class

Answer 1

<div class="row-img" id="a1">
    <div id="food-div" class="information" style="display: none;">
    <h2 class="info-h2">We Serve food Too!</h2>
    </div>
</div>

由于#food-div是#a1内的 ，所以#a1 div可见后整个屏幕都会被.information填充。

只需拉出.information div。

<div class="row-img" id="a1"></div> <div id="food-div" class="information" style="display: none;"> <h2 class="info-h2">We Serve food Too!</h2> </div>

当我点击退出按钮时，只能关闭jquery切换div

1 个答案: