jquery slidetoggle模板

Question

我正在使用bootstrap并使用2列和1个按钮创建一行，当我点击按钮时我想要显示的是4列而不是2列。

JQuery的

  

$（＆＃39;＃more_service＆＃39）上（＆＃39;单击＆＃39;，函数（）{

  $('.service_container').slideToggle('slow',function(){      

          var template = $('item_template').html();
          $('.service_wrapper').html(template);       

              });
      });

HTML

  

        
                                                  创意服务                           

      <div class="row">
          <div class="span4">
              <img src="img/web-developing.png" class="img-responsive center-block" alt="" />
              <h3 class="red-text  text-center">Creative Service</h3>
              <p class="webdev text-center">aaaaaaaaaaaaa</p>
          </div>
          <div class="span4">
              <img src="img/branding.png" class="center-block" alt="" />
              <h3 class="red-text  text-center">Branding</h3>
              <p class="webdev text-center">aaaaaaaaaaaaaaaaaa</p>
          </div>          </div>          <div class="row">
          <div class="span4">
              <img src="img/web-developing.png" class="img-responsive center-block" alt="" />
              <h3 class="red-text  text-center">Creative Service</h3>
              <p class="webdev text-center">aaaaaaaaaaaaa</p>
          </div>
          <div class="span4">
              <img src="img/branding.png" class="center-block" alt="" />
              <h3 class="red-text  text-center">Branding</h3>
              <p class="webdev text-center">aaaaaaaaaaaaaaaaaa</p>
          </div>          </div>


                          </div>  </script>

Answer 1

$（＆＃39; item_template＆＃39）。HTML（）;您的代码中的元素是类还是ID？如果是这样，您需要添加一个点或标签，如：

$('item_template').html();

变为

$('#item_template').html(); or $('.item_template').html();

Answer 2

如果item_template为id，则使用#如果是类使用.并使用innerHTML：

var template = $('#item_template').innerHTML;