<div class="tabsy">
<input type="radio" id="tab1" name="tab" checked />
<label class="tabButton" for="tab1">Karten kaufen</label>
<div class="tab">
<!-- dieser Container wird sofort geladen und bekommt die Klasse "loaded"-->
<div class="tab-content loaded">
<?php include('templates/secondhand/kaufen.php'); ?>
</div>
</div>
<input type="radio" id="tab2" name="tab" />
<label class="tabButton" for="tab2" data-filename="verkaufen.php">Karten verkaufen</label>
<div class="tab">
<!-- dieser Container wird erst beim Klick auf das Label geladen das Label enthaelt den Dateinamen als data-Attribut -->
<div class="tab-content">
</div>
</div>
</div>
<script>
$(".tabButton").on("click", function() {
var container = $(this).next(".tab").find(".tab-content");
var filename ="templates/secondhand/" + $(this).data("filename");
if (!container.hasClass("loaded")) container.load(filename);
});
</script>