javascript - jquery onclick事件需要点击两次

Question

单击时，我想隐藏/显示一些 html 代码(通过对另一个页面的 GET 请求获得)。它可以工作，但问题是它需要点击两次而不是一次。

还有一个question这似乎相关，但我无法理解。

  <script>
     $(document).ready(function(){
        $(".quote-toggle").click( function(event) {
            var id = $(this).attr('id');
            $.get( $(this).attr('href'), function(msg) {
                if($("#toggler_" + id).html()=='show') {
                    $("#" + id).html(msg);
                    $("#toggler_" + id).html('hide'); 
                  }
                else {
                    $("#" + id).html('');
                    $("#toggler_" + id).html('show'); 
                 }
            });
            event.preventDefault();
        });
     });
   </script>

这是我第一次使用 jquery/javascript。对代码的任何解释或建议将不胜感激。 [编辑]
jsfiddle:http://jsfiddle.net/KCLf5/1/

Answer 1

如果非要我猜的话，$("#toggler_"+ id) 的 html 没有设置为 show。所以第一次点击会将其设置为显示，第二次将加载数据。

确保切换器在页面加载时具有正确的 html