javascript - 如何在鼠标移出或悬停后显示隐藏的div

Question

大家好，有人可以帮助我吗？我想在触发事件显示后显示一个隐藏的 div，然后将鼠标移到该 div 上，这是我的代码

<div id='MainContainer'>
  <div id='btn-img' onmouseover='DisplayHidden()'>content 1</div>
  <div id='container2'>content 2</div>
</div>

function DisplayHidden()
{
  $('#container2').show();
}

这可能吗？

Answer 1

我更喜欢这种方式，因为如果您想添加更多属性和比较参数，您可以轻松添加它，并且属性绑定(bind)是动态的。

    $(document).ready(function(){
        $("#MainContainer > div").on("click",function(e){      
            if(false === !!$(this).attr('data-click')){    	
                $(this).attr("data-click", true);
                alert('No');
            }else{        
                alert('Clicking on same div');
            }
        });
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='MainContainer'>
        <div id='container1'>content 1</div>
        <div id='container2'>content 2</div>
    </div>