{"id":1742,"date":"2010-11-15T10:24:58","date_gmt":"2010-11-15T15:24:58","guid":{"rendered":"http:\/\/mts-help.nick.php.dev\/after_sale_support\/jquery\/tabs\/article2.html"},"modified":"2020-01-28T04:29:05","modified_gmt":"2020-01-28T09:29:05","slug":"tabs-1","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/tabs-1.html","title":{"rendered":"Tabs 1"},"content":{"rendered":"This is a Script that allows you to include tabs (tabbed pages) into a website page. <p> <strong>JavaScript<\/strong> <\/p> <p>In order to make the script work, the <strong>index-#.html<\/strong> file with tabs should contain these lines of HTML code:<\/p> <p>The <strong>tabs.js<\/strong> file contains these lines of code that initialize the script functionality:<\/p> <p>The script is well-commented so you can always get to know which attributes to change in order to customize the slider functionality.<\/p> <p> <strong>HTML <br \/><\/strong> Below you can see the HTML script representation:<\/p> <p>The tabs are represented with a bullet list (<strong>&lt;ul&gt;<\/strong> tag) with the <strong>.tabs<\/strong> class. Each list item (<strong>&lt;li&gt;<\/strong> tag) contains an anchor <strong>#tab1<\/strong>, <strong>#tab2<\/strong>. Accordingly, there is a <strong>&lt;div&gt;<\/strong> tag with a correspondent id (<strong>#tab1<\/strong>, <strong>#tab2<\/strong>).<\/p> <p> <strong>CSS<\/strong> <br \/>You can find script related stylesheet in the main style.css file. You will need to modify the following styles:<\/p>","protected":false},"excerpt":{"rendered":"<p>This is a Script that allows you to include tabs (tabbed pages) into a website page. JavaScript In order to make the script work, the index-#.html file with tabs should contain these lines of HTML code: The tabs.js file contains these lines of code that initialize the script functionality: The script is well-commented so you [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[261],"tags":[813,977],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1742"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=1742"}],"version-history":[{"count":4,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1742\/revisions"}],"predecessor-version":[{"id":85700,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/1742\/revisions\/85700"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=1742"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=1742"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=1742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}