Question

当我第一次点击时，它显示面板，然后我点击面板，它将显示子面板。

但是，当我在翻转时单击多次，然后单击面板上的单次时间时，它会错误地工作，因为子面板显示并隐藏多次单击。

有什么问题？

我的代码：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script> 
$(document).ready(function(){
  $("#flip").click(function(){
    $('#panel').slideToggle("slow",function(){
        $('#panel').click(function(){
        $('#subpanel').slideToggle("slow");
        });
    });
  });
});
</script>

<style> 
#panel,#flip,#subpanel
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel,#subpanel
{
padding:50px;
display:none;
}
</style>

<style>
</style>
</head>
<body>


<div id="flip">Click to slide the panel down or up</div>
<div id="panel">Hello world!</div>
<div id="subpanel" style="display:none;">hello </div>


</body>
</html>

Answer 1

尝试将#panel上的.click移出#flip的点击处理程序。每次单击翻转时，您都在阅读面板的单击处理程序。

滑动解决方案jquery和css

1 个答案: