Question

我有点困难，似乎无法找到答案。

所以，我有一类名为.accom-desc的图像和一类名为.accom-img的描述的div。当我将鼠标悬停在slideUp()上时，我会使用.accom-desc隐藏该.show()并显示.accom-desc（隐藏在页面加载但位于其正下方）并且只显示.accom-desc。

当鼠标离开jQuery(document).ready(function() { jQuery('.accom-desc').hide(); jQuery('.accom-img').hover(function() { jQuery('.accom-img').slideUp(); }, function() { jQuery('.accom-desc').show(); }); jQuery('.accom-desc').mouseleave(function() { jQuery('.accom-img').slideDown(); }, function() { jQuery('.accom-desc').hide(); }); });时，我希望图像向下滑动。除非鼠标离开<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="accom-container"> <div class="accom-desc"> <h4>6 Sleeper House</h6> <ul class="accom-ul"> <li>2 x en-suite bedrooms each with a double bed with mosquito net.</li> <li>2 x single beds with mosquito nets in the living area.</li> <li>Fridge and chest freezer and fully fitted kitchen.</li> <li>Television with DVD-player..bring lots of DVD's and own DSTV- decoder.(DSTV dish and connection available)</li> <li>Own private Jacuzzi</li> </ul> </div> </div>，否则我可以完成所有工作。图像保持隐藏状态。

请帮助我解决我的错误。谢谢！

＆＃13;

"pdftk file1.pdf file2.pdf output file_final.pdf"

＆＃13;

   BCCM995_KM_1.pdf
   BCCM995_KM_2.pdf
   BCCM995_KM_3.pdf
   QREM657_KM_1.pdf
   QREM657_KM_2.pdf
   QREM657_KM_3.pdf  
   QREM657_KM_4.pdf

＆＃13;

Answer 1

可能是因为您的功能同时运行。你需要做这样的事情：

jQuery('.accom-desc').mouseleave(function() {
        jQuery('.accom-img').slideDown(1000, function() {
        jQuery('.accom-desc').hide();
    }));

使用滑动jQuery在悬停时显示/隐藏元素

1 个答案: