JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container-fluid">

</div>
<div class="container-fluid">
    <div class="h1 page-header"> AJAX bez XML = AJA?</div>
</div>
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div id="content" class="h3 table-bordered">
                Tu wyświetli się pobrana treść.
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-6">
                    <p class="info h5">Naciśnij ten przycisk aby przywołać przykładową treść</p>
                    <button id="btn1" class="btn" value="1">Text 1</button>
                </div>
                <div class="col-md-6">
                    <p class="info h5">Z kolei ten przycisk przywoła inną treść</p>
                    <button id="btn2" class="btn" value="2">Text 2</button>
                </div>
                <div class="col-md-6">
                    <p class="info h5">Z kolei ten przycisk przywoła obrazek</p>
                    <button id="btn3" class="btn" value="3">Obrazek</button>
                </div>
                <div class="col-md-6">
                    <p class="info h5">A tutaj - obrazek z treścią!</p>
                    <button id="btn4" class="btn" value="4">Obrazek + treść</button>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html...

JavaScript

$(".btn").on("click", function () {
    'use strict';
    var val = this.value;
    $("#content").load("./sources/text" + val + ".txt");
    console.log("Done");
});