<div class="row">
<div class="list">list</div>
<div class="grid">grid</div>
<div class="col-sm-4 red">
<div id="c4" class="c4">44444444 </div> <div id="c12" class="c12">1212121212 </div>
</div>
<div class="col-sm-4 red">
<div id="c4" class="c4">44444444 </div> <div id="c12" class="c12">1212121212 </div>
</div>
<div class="col-sm-4 red">
<div id="c4" class="c4">44444444 </div> <div id="c12" class="c12">1212121212 </div>
</div>
<script>
$(document).ready(function(){
$('.list').click(function () {
$('.red').removeClass('col-sm-4').addClass('col-sm-12');
});
});
$(document).ready(function(){
$('.grid').click(function () {
$('.red').removeClass('col-sm-12').addClass('col-sm-4');
});
});
</script>
</div>if ($(".red").hasClass("col-sm-4")) {
document.getElementById("c12").style.display="none";
}
else if ($(".red").hasClass("col-sm-12")) {
document.getElementById("c4").style.display="none";
}<script type="text/javascript">
$(function(){
$("#search").keyup(function(){
var search = $("#search").val();
var search_in = $("#search_in").val();
$.ajax({
type: "POST",
url: "search_ajax.php",
data: {"search": search, "search_in": search_in },
cache: false,
success: function(response){
$("#resSearch").html(response);
}
});
return false;
});
});
</script><?php
if (isset($_POST['search_in'])) {
$s_i = $_POST['search_in'];
echo $s_i;?>
<script type="text/javascript">
$(function(){
$("#search").keyup(function(){
var search = $("#search").val();
var search_in = $("#search_in").val();
$.ajax({
type: "POST",
url: "search_ajax.php",
data: {"search": search, "search_in": search_in },
cache: false,
success: function(response){
$("#resSearch").html(response);
}
});
return false;
});
});
</script>
<?php
}
?>
<script type="text/javascript">
$(function(){
$("#search_in").change(function(){
$.ajax({
type : 'POST',
url : '',
data : { search_in: $(this).val() },
success: function(response){
$("#resSearch").html(response);
}
});
})
}
);
</script>