Need Help: Jquery Slideup- slidedown is not working in nokia asha
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) [url]http://www.miprojects.com.php5-16.ord1-1.websitetestlink.com/File_29-1-13/ashatest/slideup.html[/url]
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>