Hi
I am searching for a solution as I am using a jquery to add slideup and slidedown effect to select some option. It is added in html5 mobile based site. It is not working fine in Nokia Asha 201. (not clickable) http://www.miprojects.com.php5-16.or...t/slideup.html
Please help me as it is urgent
Here is the jquery
<script language="javascript">
$(document).ready(function(){
$(".category_ul li").live("click", function() {
dataString = 'id='+this.id;
//$('#waiting').css('display','');
/************************* New Code for new effect on 02 November 2012 *************************/
main_li_id=this.id;
$('#first_level div.auto_create').each(function(){
$(this).css('display','block');
});
$("#first_level li").each(function(){
//alert(this.id+'=>'+main_li_id);
if(this.id != main_li_id)
{
//$('#'+this.id).slideUp('slow', function(){} );
//$('#'+this.id).slideUp();
//$(this).slideUp('slow');
$(this).slideUp(1200);
}
});
//$('#'+main_li_id).slideDown('slow');
/************************* New Code for new effect on 02 November 2012 *************************/
jQuery.ajax({
type: "POST",
url: "get_next_level.php",
data: dataString,
success: function(data) {
level_id = data.split('***');
//alert('_'+level_id[4]+'_ul');
if(level_id[0]=='second_level'){
jQuery('#second_level_'+level_id[4]+'_ul').css('display','');
jQuery('#third_level_'+level_id[4]+'_ul').css('display','none');
jQuery('#fourth_level_'+level_id[4]+'_ul').css('display','none');
}else if(level_id[0]=='third_level'){
jQuery('#third_level_'+level_id[4]+'_ul').css('display','');
jQuery('#fourth_level_'+level_id[4]+'_ul').css('display','none');
}else if(level_id[0]=='fourth_level'){
jQuery('#fourth_level_'+level_id[4]+'_ul').css('display','');
}
if(level_id[1]!='')
{
jQuery('#'+level_id[0]+'_'+level_id[4]+'_ul').html(level_id[1]);
}else{
jQuery('#'+level_id[0]+'_'+level_id[4]+'_ul').css('display','none');
}
$('#'+level_id[2]).slideDown('slow', function() {
if(level_id.length>4){
$('#'+level_id[2]).addClass("active_category").siblings().removeClass('active_category');
$('#continue_').html('<img src="images/continue_disable.png" width="96" height="31"/>');
// On o1 nov 2012
//$('#continue_').html('<img src="images/continue_disable.png" width="96" height="31"/><input type="button" id="continue_reset" value="Reset" class="choose_category_reset" />');
$('#'+level_id[2]).siblings().removeClass('active_category_checked');
}else{
$('#'+level_id[2]).addClass("active_category_checked").siblings().removeClass('active_category_checked');
$('#continue_').html('<input type="image" src="images/continue.png" id="continue_post" title="continue"/><input type="hidden" name="category_id" value="'+level_id[2]+'" />');
// On o1 nov 2012
//$('#continue_').html('<input type="image" src="images/continue.png" id="continue_post" title="continue"/><input type="button" id="continue_reset" value="Reset" style="float:left; margin-left:100px; margin-top:-30px; font-size:16px;font-weight:bold;text-align:center; background:green; color:#FFF; border:none;width:80px;height:30px"/><input type="hidden" name="category_id" value="'+level_id[2]+'" />');
$('#'+level_id[2]).siblings().removeClass('active_category');
}
});
}
});
});
/************************* New Code for new effect on 01 November 2012 *************************/
$("#continue_reset").live("click", function() {
$('#first_level div.auto_create').each(function(){
//alert($(this).id);
$(this).css('display','none');
});
$("#first_level li").each(function(){
$('#'+this.id).slideDown('slow', function(){});
//alert($('#'+this.id).attr('class'));
if($('#'+this.id).attr('class')=='active_category')
{
act_cat_id = this.id.split('-');
//alert(act_cat_id[1]);
$('#first_level div#auto_create_'+act_cat_id[1]).css('display','block');
}
});
});
/************************* New Code for new effect on 01 November 2012 *************************/
});
</script>


Reply With Quote

