Переключатель JQuery не отображается, когда страница загружается

Question

У меня проблема с UI, чтобы показать «ShowLink». Он исчезает при загрузке страницы. По логике он должен исчезать, когда пользователь нажимает кнопку ShowLink. Может ли кто-нибудь помочь мне исправить ошибку в коде?

<table width="100%"> 
    <tr> 
     <td valign="top" style="padding-top: 20px;"> 
      <asp:Label ID="Label1" CssClass="number" runat="server" /> 
      <div> 
       <a id="A1" href="#">Show Details</a> 
      </div> 
     </td> 
     <td valign="top" style="padding-top: 20px;"> 
      <asp:Label ID="Label2" CssClass="question" runat="server" ClientIDMode="Static" /> 

      <div id="Div1"> 
      </div> 
     </td> 
    </tr> 
</table> 

<script type="text/javascript" src="/Scripts/jquery-1.7.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#showLink').toggle(function() { 
      $('#questionDetails').load('/Reviews/Sub/ViewQuestion.aspx?id=<%= pageId %> #questionContainer'); 
      $('#questionDetails').fadeIn(); 
      $(this).text("Hide Detail..."); 
     }, 
    function() { 
     $('#questionDetails').fadeOut(); 
     $(this).text("Show Detail..."); 
    } 
    ); 
     var nmbr = $(".number"); 
     nmbr.parent().width(nmbr.width() + 50); 
    }); 
</script> 

Answer 1

Я ве нашел решение. Проблема не с кодом, код абсолютно прав. Проблема с версией JQuery, которая использовалась в коде, устарела, и toggle doesn ' t работает в настоящее время с той же версией сейчас. Решение: Мы можем решить эту проблему, следуя другим способом, я попытался избежать использования переключения и работы find.Simply просто добавить if -else на клик на основе id или текста.

Answer 2

Попробуйте поместить код внутри события #showLink щелчка,

$('#showLink').click(function() { 
     $('#questionDetails').load('/Reviews/Sub/ViewQuestion.aspx?id=<%= pageId %> #questionContainer'); 
     $('#questionDetails').fadeIn(); 
     $(this).text("Hide Detail..."); 
    }, 
function() { 
    $('#questionDetails').fadeOut(); 
    $(this).text("Show Detail..."); 
} 
); 
    var nmbr = $(".number"); 
    nmbr.parent().width(nmbr.width() + 50); 
});