Cook-along videos
This article was created with
We’ve got a plateful of videos that are all about cooking quick and tasty meals for your family. When you try one get your kids to cook along with you. Why? Well, getting them involved is not only good fun, but also keeps them busy until tea time, which should make things a bit easier for you. And here’s the thing - you might find that they eat a little more if they’ve helped make it. Sweet.
Ready? Just click on the meal you want to make and cook along. You can pause or go back at any time.
Jump to a section in this article
Mains
Stuck for ideas for lunch or dinner? Try these simple, tasty recipes. You can find more lunch and main recipes here.
Back to top
You might also be interested in
')
})
// Links in Content block handler
jQuery(document).on('click','.article-content a', function (e){
e.preventDefault();
let thisId = jQuery(this).attr('href').substring(1)
let topPos = jQuery('.article-wrapper h2[id=' + thisId + ']')
jQuery('html, body').animate({scrollTop: topPos.offset().top - 100}, 1000);
})
}
// **** Tips handler
// Hide Read more button if text lines are less than 3
jQuery(".tip-item-text").each(function (){
var container = jQuery(this);
var lineHeight = parseInt(container.css('line-height'), 10);
var containerHeight = jQuery(this)[0].scrollHeight;
var lines = containerHeight / lineHeight;
lines <= 3 ? jQuery(this).siblings('.reveal-full-text').hide() : '';
})
// Show full text
jQuery(document).on('click','.reveal-full-text',function (e) {
e.preventDefault();
jQuery(this).closest('.para-tip-item').addClass('full-text-visible')
})
// *** Slider - Related articles
let s = document.createElement("script");
s.type = "text/javascript";
s.src = "/themes/ud/js/slick/slick.min.js";
jQuery("head").append(s);
jQuery('.pc-slider-cnt').slick({
slidesToShow: 4,
slidesToScroll: 1,
loop: false,
infinite: false,
variableWidth: true,
// infinite: false,
prevArrow: jQuery('.related-articles .prev-btn'),
nextArrow: jQuery('.related-articles .next-btn'),
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 2,
}
},
{
breakpoint: 769,
settings: {
slidesToShow: 1,
}
}
]
})
// Get visible text height
// jQuery.fn.visibleHeight = function() {
// var elBottom, elTop, scrollBot, scrollTop, visibleBottom, visibleTop, height;
// scrollTop = jQuery(window).scrollTop();
// scrollBot = scrollTop + jQuery(window).height();
// elTop = this.offset().top;
// elBottom = elTop + this.outerHeight();
// visibleTop = elTop < scrollTop ? scrollTop : elTop;
// visibleBottom = elBottom > scrollBot ? scrollBot : elBottom;
// height = visibleBottom - visibleTop;
// return height > 0 ? height : 0;
// }
//Check length of 'Next article' components - if more than 1 set other styles
jQuery('[class*=article-block]').length < 2 ? jQuery('.previous-article-block').addClass('single-next-article') : '';
})