Untitled

<html>
<head>
<title>Labaratoriska 2 </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script src="jquery-1.11.1.js"> </script>
<script>
$(document).ready(function() {
$("#switcher .button").bind('click', function(event) {
$('#switcher .button-selected').addClass('button');
$('#switcher .button-selected').removeClass('button-selected');
$(this).addClass('button-selected');
if (this.id == 1) {
$('#fragment-1').removeClass();
$('#fragment-1').addClass('tab');
$('#fragment-2').removeClass();
$('#fragment-2').addClass('hidden');
$('#fragment-3').removeClass();
$('#fragment-3').addClass('hidden');
} else if (this.id == 2) {
$('#fragment-1').removeClass();
$('#fragment-1').addClass('hidden');
$('#fragment-2').removeClass();
$('#fragment-2').addClass('tab');
$('#fragment-3').removeClass();
$('#fragment-3').addClass('hidden');
} else if (this.id == 3) {
$('#fragment-1').removeClass();
$('#fragment-1').addClass('hidden');
$('#fragment-2').removeClass();
$('#fragment-2').addClass('hidden');
$('#fragment-3').removeClass();
$('#fragment-3').addClass('tab');
}
});
}); x
 </script>
<style>
{
font: 66% Arial, Verdana, sans-serif;
}

.label {
    margin: 5 2em;
}

.switcher {
    font-style: italic;
    border: 1px solid #888;
    padding: 0.5em;
    margin: 0 0.5em;
    background-color: #FFD801;
    float:left;
    float:left;
    width:400;
    height:auto;
}

.button {
    float:left;
    border: 1px solid #888;
    padding: 0.5em;
    margin: 0.5em 0.5em;
    background-color: #ffc;
    width:100;
    height:10;
    cursor:pointer;
}

.button-selected {
    float:left;
    font-weight:bold;
    border: 1px solid #888;
    padding: 0.5em;
    margin: 0.5em 0.5em;
    background-color: #cfc;
    width:100;
    height:10;
}

.tab{
    float:top;
    border: 1px solid #008;
    background-color: #acf;
    padding: 0.5em;
    margin: 0 0.5em;
    width:400;
    height:auto;
    top:80;
    left:0.5em;
}
{
font: 66% Arial, Verdana, sans-serif;
}

.label {
    margin: 5 2em;
}

.switcher {
    font-style: italic;
    border: 1px solid #888;
    padding: 0.5em;
    margin: 0 0.5em;
    background-color: #FFD801;
    float:left;
    float:left;
    width:400;
    height:auto;
}

.button {
    float:left;
    border: 1px solid #888;
    padding: 0.5em;
    margin: 0.5em 0.5em;
    background-color: #ffc;
    width:100;
    height:10;
    cursor:pointer;
}

.button-selected {
    float:left;
    font-weight:bold;
    border: 1px solid #888;
    padding: 0.5em;
    margin: 0.5em 0.5em;
    background-color: #cfc;
    width:100;
    height:10;
}

.tab{
    float:top;
    border: 1px solid #008;
    background-color: #acf;
    padding: 0.5em;
    margin: 0 0.5em;
    width:400;
    height:auto;
    top:80;
    left:0.5em;
}
 </style>

</head>
<body>
<div class="tabs">
        <div id="switcher" class="switcher">
            <div class="label">Custom tab</div>
            <div id="1" class="button">Open Start</div>
            <div id="2" class="button">Connect</div>
            <div id="3" class="button">Pin apps</div>
        </div>
        <div id="fragment-1" class="tab">Open Start by swiping in from the right edge of the screen and then tapping Start. (Or, if you're using a mouse, point to the lower-left corner of the screen, move your mouse all the way into the corner, and then click Start.) To customize Start, swipe up from the bottom edge and tap Customize. (If you're using a mouse, right-click anywhere on the screen and click Customize.) From here you can organize the Start screen however you like by moving tiles around, changing tile sizes, and naming groups of tiles.</div>
        <div id="fragment-2" class="tab">When you connect a device to your PC, such as a printer, mouse, or keyboard, Windows automatically tries to install the correct driver for your device. A driver is software that a device uses to work with your PC. Every device needs a driver to work with your PC. If Windows can't find a driver for the device, here are several suggestions you can try. If you're trying to add a wireless device or a device on a network, but Windows isn't finding it, see  Why isn't Windows finding my wireless device? </div>
        <div id="fragment-3" class="tab">You can pin apps, websites, people, and folders to Start to easily get to what you use most. Tiles and notifications show what’s new so you can get important info and updates at a glance. From Start, you don't have to bring up the charms to begin a search—start typing to search for what you want. You can choose results from your apps, files, PC settings, and Bing.To see a list of all apps on your PC from Start, slide up from the middle of the screen or use the mouse to click the down arrow in the bottom left corner. To pin an app to Start select the app by pressing and holding or right clicking the tile, then tap or click Pin to Start. To customize Start, swipe up from the bottom edge and tap Customize. (If you're using a mouse, right-click anywhere on the screen and click Customize.) From here you can organize the Start screen however you like by moving tiles around, changing tile sizes, and naming groups of tiles.
</div>
    </div>


 </body>
</html>