JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/16416944/onclick-multiple-javascript-queries

by lalatino

HTML

<input type="button" value="Info 1" onclick="sizeTb(1,'block')"/>
<input type="button" value="Info 2" onclick="sizeTb(2,'block');" />
<input type="button" value="Info 3" onclick="sizeTb(3,'block');" />
<input type="button" value="Info 4" onclick="sizeTb(4,'block');" />

<div id="tb1" class="tb"> info 1 </div>
<div id="tb2" class="tb"> info 2 </div>
<div id="tb3" class="tb"> info 3 </div>
<div id="tb4" class="tb"> info 4 </div>

<a onclick="sizeTb('none');">(<i>Close</i>)</a>

CSS

#information {
    position:fixed;
    top: 20px;
    bottom:20px;
    left:20px;
    right:20px;
    display:none;
}

.tb {
    border:1px solid red;
    display:none;
}

JavaScript

$(document).ready(function(){
    var close = $('<a class="closeme">(Close)</a>');
    //alert(close[0].outerHTML);
    close.click(function(){
        this.parentNode.style.display = 'none';
    });
    $('[id^=tb]').append(close);
});

function showTb(num,h) {
   var el = document.getElementById('tb'+num);
   el.style.display = h;
}

/*
$('#toggle-view').on('click', function() 
{
   var button = $(this);

   if ( button.hasClass('view-page')  ) 
   {
       ViewPage();
       button.removeClass('view-page');   
   } 
   else 
   {
        ViewMenu();
        button.addClass('view-page');
   }
});*/