传真切换2倍如何(初学者)

Question

Jquery

<script> 
//Team
$(document).ready(function(){
    $(".team").click(function(){
        $(".panel").fadeToggle("3000");
    });
    $(".team").click(function(){
        $(".teamh").fadeToggle("3000");
    });
}); 
</script>

HTML

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script> 
//Team
$(document).ready(function(){
    $(".team").click(function(){
        $(".panel").fadeToggle("3000");
    });
    $(".team").click(function(){
        $(".teamh").fadeToggle("3000");
    });
}); 
</script>

</head>
<body>
<!--Buttons-->
<a><span class="team"></span></a>
<a><span class="events"></span></a>
<a><span class="media"></span></a>
<a><span class="contact"></span></a>
<span class="panel"></span>
<span class="teamh"></span>
<script src="assets/js/bootstrap.min.js"></script> <span class="panel"></span>
</body>
</html>

在上面，您可以看到我试图淡出一个面板，而在褪色时，我希望“按钮”在html中悬停，这是一个<a>标记。

所以我喜欢:当.team切换到显示面板和增加我的悬停。

Answer 1

我不是百分之百肯定我明白你想要什么，但我已经为你做了这把小提琴，这将使两个面板切换：

 $(".team").click(function()
    {       
                $(".teamh").fadeToggle("3000",function()
                    {
                     $(".panel").fadeToggle("3000");                     
                    });
    }   );

基本上，当您单击您的链接，工作组面板是切换-一个其切换淡出完成，它将切换另一个面板。注意:一个面板的显示设置为隐藏

https://jsfiddle.net/loanburger/rcy4vu8L/

它使用淡出切换完全回调功能，然后切换另一个面板。

如果您只想切换两个面板，那么只需在相同的单击处理程序中调用fadeToggle：

 $(".team").click(function()
 {      
         $(".teamh").fadeToggle("3000");
         $(".panel").fadeToggle("3000");    
});

见此处：https://jsfiddle.net/loanburger/beeLqv6x/