ABooooo

<script>
    setInterval(function(){
    var container = document.getElementById('anim');
    var tmp = container.innerHTML;
    container.innerHTML= tmp;
    }, 9000 // length of the whole show in milliseconds
    );
</script>

ABooooo

if($.trim($(".secMenu").text()) == "") {
        $(".secMenu").remove();
    }

ABooooo

setTimeout(function(){
        if ($(".contentHeader").find("img").length > 0) {
            $(".content").css("padding","15px 0");
        } else {
            $(".contentHeader").css("padding","0");
        }
    },100);

ABooooo

(function($){
	$(document).ready(function(){
		$("div").each(function () {
		    // var this is the current element's DOM object
		    if (this.innerHTML.indexOf("CōV") != -1) {
		        //$(this).addClass('cov');
		        $(this).html(
			      $(this).html().replace(/(\")?(CōV)(?!\")/gi, function ($0, $1) {
				    return $1 ? $0 : '<span class="cov">CōV</span>';
				  })

ABooooo

.mainContent .left ul, .mainContent .right ul.bulletPointsList {
    display: table;
    margin: 0px;
    padding: 0px;
}

.mainContent .left ul > li, .mainContent .right ul.bulletPointsList > li  {
    display: table-row;
    margin: 0px;
    padding-left: 0px;

ABooooo

var scroll_pos = 0;
    $(document).scroll(function() {
        scroll_pos = $(this).scrollTop();
        if(scroll_pos > 210) {
            $(".navbar-default").css({"background-color": "black" , "padding-top" : 0});
        } else {
            $(".navbar-default").css({"background-color" : "transparent" , "padding-top" : "30px"});
        }
    });

ABooooo

$post_id = 23;
        $queried_post = get_post($post_id);
        $title = $queried_post->post_title;
        echo '<p class="jumboTitle">';
        echo $title;
        echo '</p>';
        echo $queried_post->post_content;
        
        //https://www.tipsandtricks-hq.com/query-or-show-a-specific-post-in-wordpress-php-code-example-44

ABooooo

// compare with autogenerated code

<div class="boxContent" style="background-image: url(

        <f:if condition="{data_item.tx_mask_bgimage}">
        <f:for each="{data_item.tx_mask_bgimage}" as="file">
          <f:uri.image src="{file.publicUrl}" />
        </f:for>
        </f:if>

ABooooo

Since TYPO3 8LTS

Since version 8 TYPO3 uses the standalone version of fluid, that was heavily developed and got tons of new features like elseif:

<f:if condition="{var} == 'something'">
    <f:then>do something</f:then>
    <f:else if="{other-var} == 'something else'">do something else</f:else>
    <f:else>do the other thing</f:else>
</f:if>
In addition there is support for syntax like this:

ABooooo

$("input[name*='marker_04']").change(function(){
        var max= 3;
        if( $("input[name*='marker_04']:checked").length == max ){
            $("input[name*='marker_04']").attr('disabled', 'disabled');
            $("input[name*='marker_04']:checked").removeAttr('disabled');
        }else{
            $("input[name*='marker_04']").removeAttr('disabled');
        }
    });