<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Trying to use JQuery typeit in CMS Development</title>
    <link>https://community.hubspot.com/t5/CMS-Development/Trying-to-use-JQuery-typeit/m-p/19313#M1834</link>
    <description>&lt;P&gt;Please be nice I am not a coder &lt;span class="lia-unicode-emoji" title=":slightly_smiling_face:"&gt;🙂&lt;/span&gt;&lt;/P&gt;&lt;P&gt;This is what i want to achieve:&lt;/P&gt;&lt;P&gt;I want to ask a question using the TypeIt JQuery Plugin. WAIT. Then display the answer&lt;/P&gt;&lt;P&gt;Making sure all the text in is H1 tags with defined settings.&lt;/P&gt;&lt;HR /&gt;&lt;P&gt;Im trying to do this:&lt;/P&gt;&lt;P&gt;Need a Digital Copywriter? [WAIT...]&lt;/P&gt;&lt;P&gt;Compelling. Customised Content. Refreshed Weekly.&lt;/P&gt;&lt;P&gt;We Schedule All Copy For You - Easy! [BOLD] Order Now&lt;/P&gt;&lt;HR /&gt;&lt;P&gt;This is my code: (ive pasted in code from typeit experimenting with having a q and a but thats not the solution it seems.)&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;EM&gt;Ive been fiddling with this code so I dunno where i am at.&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;EM&gt;Got three examples in the code&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&amp;lt;h1 id="Question1"&amp;gt;Need a Digital Copywriter? Compelling. Customised Content. Refreshed Weekly. We Schedule All Copy For You - Easy! Order Now.&amp;lt;/h1&amp;gt;&lt;BR /&gt;&amp;lt;script src="&lt;A href="https://community.hubspot.com/" target="_blank"&gt;https://cdn.jsdelivr.net/jquery.typeit/4.4.0/typeit.min.js"&amp;gt;//&lt;/A&gt; &amp;lt;![CDATA[&lt;/P&gt;&lt;P&gt;// ]]&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;script&amp;gt;// &amp;lt;![CDATA[&lt;BR /&gt;$('#Question1').typeIt({ speed: 180, autoStart: false, lifelike:&lt;BR /&gt;true})&lt;BR /&gt;// ]]&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;p id="example4"&amp;gt;&amp;amp;nbsp;&amp;lt;/p&amp;gt;&lt;BR /&gt;&amp;lt;script&amp;gt;// &amp;lt;![CDATA[&lt;BR /&gt;$('#').typeIt({ speed: 200, autoStart: false, lifelike:&lt;BR /&gt;true}).tiType('Need a Digital Copywriter?') .tiPause(500)&lt;BR /&gt;.tiSettings({speed: 700}) .tiType('...') .tiPause(750)&lt;BR /&gt;.tiSettings({speed: 50}) .tiType('Compelling.') .tiBreak()&lt;BR /&gt;.tiPause(750) .tiType(' Customised Content.') .tiSettings({speed:&lt;BR /&gt;700}) .tiType('...') .tiPause(750) .tiSettings({speed: 50})&lt;BR /&gt;.tiType('Refreshed Weekly. We Schedule All Copy For You - &amp;lt;strong&amp;gt;Easy! Order Now&amp;lt;/strong&amp;gt;');&lt;BR /&gt;// ]]&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;p&amp;gt;&amp;amp;nbsp;&amp;lt;/p&amp;gt;&lt;BR /&gt;&amp;lt;h1 id="example4"&amp;gt;&amp;amp;nbsp;&amp;lt;/h1&amp;gt;&lt;BR /&gt;&amp;lt;script&amp;gt;// &amp;lt;![CDATA[&lt;BR /&gt;$('#example4').typeIt({ speed: 180, autoStart: false, lifelike: true,callback:secondParagraph}); function secondParagraph(){ $('#example4').typeIt({ speed: 200, autoStart: false, lifelike: true}).tiType('Need a Digital Copywriter?') .tiPause(550).tiSettings({speed: 700, lifelike: true}).tiType(' ...').tiPause(510).tiSettings({speed: 80, lifelike: true}).tiBreak().tiType('Compelling.').tiBreak().tiPause(750).tiType(' Customised Content.').tiSettings({speed: 100, lifelike: true}).tiBreak().tiPause(750).tiSettings({speed: 130, lifelike: true}).tiType('Refreshed Weekly.').tiBreak().tiPause(800).tiSettings({speed: 130, lifelike: true}).tiType ('We Schedule All Copy For You -').tiPause(680).tiSettings({speed: 100, lifelike: true}).tiType(' &amp;lt;strong&amp;gt;Easy! Order Now&amp;lt;/strong&amp;gt;'); }&lt;BR /&gt;// ]]&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;div style="text-align: right;" --=""&amp;gt;&amp;lt;!--HubSpot Call-to-Action Code --&amp;gt;&amp;lt;span class="hs-cta-wrapper" id="hs-cta-wrapper-dcad7adb-3095-4445-ab32-897114fe1223"&amp;gt;&amp;lt;span class="hs-cta-node hs-cta-dcad7adb-3095-4445-ab32-897114fe1223" id="hs-cta-dcad7adb-3095-4445-ab32-897114fe1223" style="visibility: visible;" data-hs-drop="true"&amp;gt;&amp;lt;a id="cta_button_762525_5ccfd329-acd0-499e-aa36-f4f0d7acf887" class="cta_button cta_border_button" href="&lt;A href="https://cta-service-cms2.hubspot.com/ctas/v2/public/cs/c/?cta_guid=5ccfd329-acd0-499e-aa36-f4f0d7acf887&amp;amp;amp;placement_guid=dcad7adb-3095-4445-ab32-897114fe1223&amp;amp;amp;portal_id=762525&amp;amp;amp;redirect_url=APefjpG0aMMrW83_W9B4qhfXZUxdBxkh9_rY_zPAiUoCN7zBt1chSNxsTvniRp-59LpS3VcxvbAVLohiOSg62bah6nWwwIH1WeCEOkctp4XIIGVokbeDqvw2Ps_G5g4cBm16XWquN5G56BB-skO7CKB0YE2nzEMiutGP6cv0WGnaVayEg32H9ar8ENAtQKwTbpaNK85__vm9D1AwsUs4q4NQCR_WYfWQ18KmpFinDsp_Xn3U5qNGYpAviMC0VA55DC8DjgOpO1b6ohA50nm0oCk7qpx-dOUrBQ95lhjsEjtewO-lfavqEOhkDB4Z_m14uPkmgqxN-o9D&amp;amp;amp;hsutk=4d14b8e62e862dc265160fb07ec46ffd&amp;amp;amp;canon=http%3A%2F%2Fdesign-assets.hubspot.com%2Fstratus%2Fhomepage&amp;amp;amp;pageId=4952603995&amp;amp;amp;__hstc=20629287.4d14b8e62e862dc265160fb07ec46ffd.1496482442150.1497682124800.1497686747541.16&amp;amp;amp;__hssc=20629287.2.1497686747541&amp;amp;amp;__hsfp=923397141" target="_blank"&gt;https://cta-service-cms2.hubspot.com/ctas/v2/public/cs/c/?cta_guid=5ccfd329-acd0-499e-aa36-f4f0d7acf887&amp;amp;amp;placement_guid=dcad7adb-3095-4445-ab32-897114fe1223&amp;amp;amp;portal_id=762525&amp;amp;amp;redirect_url=APefjpG0aMMrW83_W9B4qhfXZUxdBxkh9_rY_zPAiUoCN7zBt1chSNxsTvniRp-59LpS3VcxvbAVLohiOSg62bah6nWwwIH1WeCEOkctp4XIIGVokbeDqvw2Ps_G5g4cBm16XWquN5G56BB-skO7CKB0YE2nzEMiutGP6cv0WGnaVayEg32H9ar8ENAtQKwTbpaNK85__vm9D1AwsUs4q4NQCR_WYfWQ18KmpFinDsp_Xn3U5qNGYpAviMC0VA55DC8DjgOpO1b6ohA50nm0oCk7qpx-dOUrBQ95lhjsEjtewO-lfavqEOhkDB4Z_m14uPkmgqxN-o9D&amp;amp;amp;hsutk=4d14b8e62e862dc265160fb07ec46ffd&amp;amp;amp;canon=http%3A%2F%2Fdesign-assets.hubspot.com%2Fstratus%2Fhomepage&amp;amp;amp;pageId=4952603995&amp;amp;amp;__hstc=20629287.4d14b8e62e862dc265160fb07ec46ffd.1496482442150.1497682124800.1497686747541.16&amp;amp;amp;__hssc=20629287.2.1497686747541&amp;amp;amp;__hsfp=923397141&lt;/A&gt;" cta_dest_link="&lt;A href="http://design-assets.hubspot.com/stratus/two-column-right-landing-page" target="_blank"&gt;http://design-assets.hubspot.com/stratus/two-column-right-landing-page&lt;/A&gt;" title="Learn More"&amp;gt;&amp;lt;span&amp;gt;Learn More&amp;lt;/span&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&lt;BR /&gt;&amp;lt;script charset="utf-8" src="&lt;A href="https://community.hubspot.com/" target="_blank"&gt;https://js.hscta.net/cta/current.js"&amp;gt;//&lt;/A&gt; &amp;lt;![CDATA[&lt;/P&gt;&lt;P&gt;// ]]&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;script type="text/javascript"&amp;gt;// &amp;lt;![CDATA[&lt;BR /&gt;hbspt.cta.load(762525, 'dcad7adb-3095-4445-ab32-897114fe1223', {});&lt;BR /&gt;// ]]&amp;gt;&amp;lt;/script&amp;gt;&lt;BR /&gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;The last example the one with the settings doesnt show at all.&lt;/P&gt;&lt;P&gt;Why is this??&lt;BR /&gt;&lt;BR /&gt;Im so confused.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Mon, 19 Jun 2017 04:28:56 GMT</pubDate>
    <dc:creator>rachaelshaw7</dc:creator>
    <dc:date>2017-06-19T04:28:56Z</dc:date>
  </channel>
</rss>

