<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<input type="hidden" id="soruId" value="4">
<div class='oyak-soru-cevap pb-4 w-100'>
<img class="w-100 resim-kutusu" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYBjk8xNZMnETQFhKeNaZRTJKBUqaS2IGiaGOYnqBszeeWgS887rfe7S8I51-nLLGgbodMuzUPdfiirzqPYiZjHjMOHAg7JqiwziFb29_nkXpBZT5VYk2PqB7zRoVKkG9NHqspBGTS5YLWWhpgjxbt2yS-Iimg5Z-fYSZrhRpQFu9xGDh-9Tzfc8cHbJEn/s1600/oyak-ems-nedir.jpg" title="Maluliyet Yardımı" />
<div class="sorucevaptitle card-header h4 text-dark font-weight-bold text-center mb-3 mt-1 ">
SORULAR - CEVAPLAR
</div>
<div class='soru-kutusu'>
<h2><span class="badge badge-danger mr-2 p-2 px-3"><i class="fa fa-question-circle" aria-hidden="true"></i> SORU</span></h2>
<div class='soru-metni'>
<p>1 Emekli maaşı sistemi (OYAK EMS) nedir?</p>
</div>
</div>
<div class='cevap-kutusu'>
<h2><span class="badge badge-success mr-2 p-2 px-3"><i class="fa fa-check" aria-hidden="true"></i> CEVAP</span></h2>
<div class='cevap-metni'>
<p>Üyelikte 10. Yılını <b>(en az 120 ay aidat) doldurarak</b> OYAK daimi üyeliği sona erecek üyelerin, isterlerse Emeklilik Yardımlarının 1/4'ünü, 2/4'ünü, 3/4'ünü veya tamamını(4/4) bırakarak, OYAK gelirleri ve Sosyal Hizmetlerinden yararlanmaya devam edebilecekleri
gelir paylaşımı esasına dayalı bir tür kâr payı ortaklığıdır.</p>
<p>Bu Sistem'de üyelerin maaş alma zorunluluğu yoktur. Maaş almak isteyen üyelere o yılın nemasına göre hesaplanan gelirin bir bölümü maaş adı altında ödenirken gelirin kalan kısmı rezervlerine eklenir. Maaş tutarı, nema ve üyenin rezervine bağlı olup, dönemler
arasında farklılıklar gösterebilir.</p>
</div>
</div>
</div><!--soru cevap bölümü bitiş -->
<!-- PAGER -->
<div class="container mt-5">
<h2>Sorular</h2>
<hr>
<div class="d-flex justify-content-between align-items-center w-100 my-3">
<div class="flex-grow-1 mr-1">
<a href="#" id="sonrakiButton"
class="btn btn-warning btn-block font-weight-bold py-2">
<i class="fa fa-chevron-left"></i> Sonraki
</a>
</div>
<div class="flex-grow-1 mx-1">
<a href="https://oyakhaber.blogspot.com/"
class="btn btn-primary btn-block font-weight-bold py-2">
Sorular-Cevaplar Listesi
</a>
</div>
<div class="flex-grow-1 ml-1">
<a href="#" id="oncekiButton"
class="btn btn-warning btn-block font-weight-bold py-2">
Önceki <i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
<hr>
<div class="alert alert-success w-100">
<strong id="sonuc"></strong>
</div>
</div>
<!-- PAGER -->
</div>
</div>
$(document).ready(function() {
var data = {
"scdata": [
{ "soruId": 1, "haberTitle": "1 Emekli maaşı sistemi (OYAK EMS) nedir?", "haberUrl":"https://oyakhaber.blogspot.com/p/emekli-maasi-sistemi-oyak-ems-nedir.html" },
{ "soruId": 2, "haberTitle": "2 Kimler OYAK EMS Emekli Maaşı Sistemi'ne katılabilir?", "haberUrl":"https://oyakhaber.blogspot.com/p/kimler-oyak-ems-emekli-maasi-sistemine.html" },
{ "soruId": 3, "haberTitle": "3 Daha önceki yıllarda emekli olan üyelerin OYAK EMS'ye katılma hakları varmıdır?", "haberUrl":"https://oyakhaber.blogspot.com/p/daha-onceki-yillarda-emekli-olan.html" },
{ "soruId": 4, "haberTitle": "4 OYAK EMS üyeleri sistemde nasıl karpayı(gelir) elde eder?", "haberUrl":"https://oyakhaber.blogspot.com/p/oyak-ems-uyeleri-sistemde-nasil-karpayi.html" },
{ "soruId": 5, "haberTitle": "5 OYAK EMS'de ödenen maaşlardan ve rezervden vergi kesintisi yapılmakta mıdır?", "haberUrl":"https://oyakhaber.blogspot.com/p/oyak-ems-de-maaslardan-vergi-kesiliyormu.html" }
]
};
var mevcutId = parseInt($("#soruId").val(), 10);
// SONRAKİ (ID - 1)
var sonrakiVeri = data.scdata.find(x => x.soruId === (mevcutId - 1));
if (sonrakiVeri) {
$("#sonrakiButton").attr("href", sonrakiVeri.haberUrl);
} else {
$("#sonrakiButton")
.css("visibility","hidden")
.attr("href", "#")
.css("pointer-events","none");
}
// ÖNCEKİ (ID + 1)
var oncekiVeri = data.scdata.find(x => x.soruId === (mevcutId + 1));
if (oncekiVeri) {
$("#oncekiButton").attr("href", oncekiVeri.haberUrl);
} else {
$("#oncekiButton")
.addClass("disabled")
.attr("href", "#")
.css("pointer-events","none");
}
// Alt bilgi
var suAnkiKayit = data.scdata.find(x => x.soruId === mevcutId);
if (suAnkiKayit) {
$("#sonuc").html("Şu anki Soru: " + suAnkiKayit.haberTitle);
}
});