Blog series

For topics that have more information than can fit in one post, we created blog series to give you all the perspectives you need. You will find all blog series and related posts on this page.

[id*="blog-item"] { cursor: pointer; } [id*="blog-tab"]{ position: absolute!important; top: 0px; bottom: auto; left: 50%; right: auto; transform: translateX(-50%); } .hide-blog-tab{ visibility: hidden; opacity: 0; } .show-blog-tab{ visibility: visible !important; opacity: 1 !important; z-index: 12; position: relative !important; left: 0 !important; transform: translateX(0%) !important; } .blog-item-1-active { background-color:#71ADBE!important; } .blog-item-2-active { background-color:#44AB66!important; } .blog-item-3-active { background-color:#F0AF29!important; } .blog-item-4-active { background-color:#23AEDE!important; } .blog-item-4-active .et_pb_text_inner h5{ color: #fff !important; } .blog-item-3-active .et_pb_text_inner h5{ color: #fff !important; } .blog-item-2-active .et_pb_text_inner h5{ color: #fff!important; } .blog-item-1-active .et_pb_text_inner h5 { color: #fff!important; } jQuery(document).ready(function ($) { $("#blog-item-1").addClass("blog-item-active"); $("#blog-tab-1").addClass("show-blog-tab"); $("[id*="blog-tab"]").not("#blog-tab-1").addClass("hide-blog-tab"); $("[id*="blog-item"]").click(function () { var selector = $(this).attr("id").replace("item", "tab"); var $blogSelect = $("#" + selector); $("[id*="blog-tab"]").removeClass("show-blog-tab"); $("[id*="blog-tab"]").addClass("hide-blog-tab"); $blogSelect.addClass("show-blog-tab"); $("[id*="blog-item"]").removeClass("blog-item-active"); $(this).addClass("blog-item-active"); }); function toggleBlog(blogItem, blogTab) { $("[id*="blog-tab"]").removeClass("show-blog-tab"); $("[id*="blog-tab"]").addClass("hide-blog-tab"); $(blogTab).addClass("show-blog-tab"); $("[id*="blog-item"]").removeClass("blog-item-active"); $(blogItem).addClass("blog-item-active"); } if(window.location.hash) { // Fragment exists var hashValue = window.location.hash.substring(1) if (hashValue == 'blog-tab-1') { var blogItem = document.getElementById('blog-item-1') var blogTab = document.getElementById('blog-tab-1') toggleBlog(blogItem, blogTab) } else if (hashValue == 'blog-tab-2') { var blogItem = document.getElementById('blog-item-2') var blogTab = document.getElementById('blog-tab-2') toggleBlog(blogItem, blogTab) } else if (hashValue == 'blog-tab-3') { var blogItem = document.getElementById('blog-item-3') var blogTab = document.getElementById('blog-tab-3') toggleBlog(blogItem, blogTab) } else if (hashValue == 'blog-tab-4') { var blogItem = document.getElementById('blog-item-4') var blogTab = document.getElementById('blog-tab-4') toggleBlog(blogItem) } } });

British Council IELTS advice

Getting published

Access with SCORM

30 years of Clarity

Expert tips for IELTS

English for newcomers