jquery: fadeToggle 一切但不是链接和特殊的 div

标签 jquery html css toggle fade

我想 fadeToggle div container 中的所有内容,但不是链接,也不是带有 to_top 类的 div。但是使用以下代码,div container 中的所有内容都会淡入淡出。我哪里错了?

这是我的代码:

$("#container").not(".to_top", "a").on('tap', function(e) {
    $("#headline").fadeToggle(700);
    $("#headline_tap").fadeToggle();
});

这是我的 html:

<head>
  <script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="fileadmin/js/menue.js"></script>
  <script src="fileadmin/js/tap.js"></script>
</head>
<body>
 <div id="menue"></div>
 <div id="headline">
   <div id="menueicon"></div>
 </div>
 <div id="headline_tap">
     <div id="menueicon"></div>
 </div>   
 <div id="container">
    <div id="top">
      <div id="topimage"></div>
    </div>   
    <div id="content">
       <p class="bodytext">...Im Falle der Aktivierung der ...</p>
       <p class="bodytext">Die im Rahmen... dem folgenden Link verfügbare
          Browser-Plugin herunterladen und installieren:&nbsp;<a            
            href="http://tools.google.com/dlpage/gaoptout?hl=de" target="_blank">Link</a>.
      </p>
    <a href="impressum/#top" title="Zum Seitenanfang" class="to_top"><img src="/fileadmin/images/mobile/to_top.png"></a>


 <div id="footer"></div>
 </div>
   <div id="footline"></div>  
</body>

谢谢!

最佳答案

你应该这样做:

$('#container :not(".to_top, a")').on('tap', function(e) {  
    $("#headline").fadeToggle(700);
    $("#headline_tap").fadeToggle();
});

关于jquery: fadeToggle 一切但不是链接和特殊的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24848884/

相关文章:

javascript - 当 div 具有绝对定位的子 div 时,获取 div 的 "scrollWidth"

javascript - Java Script 在桌面上正常工作(没有水平滚动),但在移动设备上远远超出了视口(viewport)?

javascript - 带有链接 .png 的 SVG 不呈现

jquery - 如何使用 jquery mobile 从移动设备中选择图像并将其设置为背景图像?

html - 悬停错误元素时触发纯 CSS 下拉菜单

javascript - jQuery 源代码中正则表达式的澄清

javascript - 如何获取数组中每个dom元素的宽度?

javascript - 按键事件在 Javascript 中不起作用

HTML - 无法定义正确的边距

html - 如何使这个箭头变圆?