Функция, которая по клику вытягивает из JSON данные и выводит их. (данные зависят от категории по которой кликнули). Все отлично работает, вот только как сделать чтоб по-молчанию уже были отображены данные из 1-й категории?
<script type="text/javascript">
$(".slot1").click(function() {
var jcid = this.getAttribute('id');
var idres = $(".angl_btk").prop('id');
var catimg = "<div class='catimg'><img src='"+$(this).children('img').attr('src')+"' width='130' height='107'/></div>";
//<img src='".$cat_img->{'image'}."' width='126' height='126' />
//alert(catimg);
var cattitle = catimg+"<div class='boutique_title'>"+$(this).children('.slot1_txt').text()+ " " +"<?php echo $logic;?>"+"</div>";
//alert(cattitle);
$.ajax({
url: "components/com_resort/ajax/dots2.php",
cache: false,
data: ({cdid : jcid,idresort : idres}),
ajaxStart: function(){
},
beforeSend: function(){
$('#result').replaceWith("<div id='result'><div class='aloader'></div></div>");
},
success: function(data){
var json_obg = JSON.parse(data);
$('#result').replaceWith("<div id='result'></div>");
$('#result').append(cattitle);
for (var i in json_obg) {
//$('div#result').append('<div class="discount_title">'+json_obg[i]["title"]+'</div>');
$('div#result').append('<div class="discount_title">'+json_obg[i]["title"]+'</div>');
$('div#result').append('<div class="discount_body '+i+'"></div>');
console.log(i);
var cnt = 0;
for (var d in json_obg[i]['attrd']) {
cnt++;
if(cnt<=5){
$('.discount_body.'+i+'').append('<div class="discount_body_left">'+json_obg[i].attrd['attr_type_'+cnt+'']+'</div>');
$('.discount_body.'+i+'').append('<div class="discount_body_right">'+json_obg[i].attrd['attr_value_'+cnt+'']+'</div>');
}
}
$('.discount_body.'+i+'').append('<div class="boutique_elipse"></div>');
}
},
// },
complete: function(){
},
});
});
</script>