嵌入幻灯片悬停不起作用

Question

jquery切换功能

$('.thumbnail').hover(function () {
        $('#Tools', this).slideToggle(1000);
    });

建筑功能Onsuccess

        function OnSuccess(response) {
        var FileData = JSON.parse(response);
        for (i = 0; i < FileData.length; i++) {
            $("#Row").append('<div class="col-lg-3 col-sm-4 col-xs-6" id ="'+FileData[i].ID+'">'
                   + '<a title="' + FileData[i].Name + '" href="#">'
                   + '<img class="thumbnail img-responsive" src=' + FileData[i].Path + '>'
                   + '</a>'
                    + '<div class="container" id="Tools">'
           +'<nav id="nav__menu_icons">'
                +'<ul>'
                    +'<li >'
                        +'<i class="fa fa-cloud-download" aria-hidden="true"></i>'

                +'  </li>'
                    +'<li>'
                    +'<i class="fa fa-cloud-upload" aria-hidden="true"></i>'


                +'  </li>'
                    +'<li >'
                +'<i class="fa fa-trash-o" aria-hidden="true"></i>'
                +'<li>'
           +'  <section title=".squaredThree">'

       +' <div class="squaredThree">'
        + ' <input type="checkbox" value="None" id="squaredThree" name="check" unchecked />'
        +'  <label for="squaredThree"></label>'
       +' </div>'

                   + '</div>')

html代码

<div class="container">
      <div class="row" id="Row">

        <hr>

        <hr>
      </div>
    </div>

切换不起作用当我检查html代码看起来像是悬停在其他东西上或者是需要修复的jquery时，一切都在那里