js的一个小问题

图中圈出来的图片，当鼠标放到上面的手机图标是显示，但是移开就隐藏了，怎么实现鼠标可以往下移动，移到显示的图片也不会消失。

js代码：

$(document).ready(function(){
              $("#img_a").hover(function(){
                  $(".ul_a").css("display","block");
                  $(".ul_a").hover(function(){
                      $(".ul_a").hover(function(){
                          $(".ul_a").css("display","block");
                      },function(){
                          $(".ul_a").css("display","none");
                      });
                  });
              },function(){
                  $(".ul_a").css("display","none");
              });
          });

html代码：

<div>
                            <img id="img_a" src="/static/images/leve/log/log2.png">

                            <div class="ul_a">
                                <ul>
                                    <li >
                                    <img src="/static/images/leve/footer/footer_5.png">
                                    </li>
                                    <li>
                                        <span>联想智选APP</span>
                                        <span>下载即享</span>
                                        <span>999元新人礼</span>
                                    </li>
                                </ul>
                            </div>
                        </div>