2015-07-31 2 views
-1

У меня есть этот код кнопки:Кнопка на кнопку ... еще

<a class="btn btn-default btn-sm"> 
<i class="fa fa-align-justify"></i> 
</a> 
<ul id="ma-mobilemenu" class="mobilemenu nav-collapse collapse" style="display: none;"> 
<li><?php echo $_menu ?></li> 
</ul> 

Когда кнопка нажата, я хотел бы использовать этот другой код:

<a class="btn btn-default btn-sm"> 
<i class="fa fa-align-justify"></i> 
</a> 
<ul id="ma-mobilemenu" class="mobilemenu nav-collapse collapse" style="display: block;"> 
<li><?php echo $_menu ?></li> 
</ul> 
+0

Это хорошо. Удачи, выясняя это. У вас был вопрос программирования? –

ответ

0

Использование Jquery делать свою работу:

<html> 
<head> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 


</head> 

<body> 
<a class="btn btn-default btn-sm"> 
<i class="fa fa-align-justify">Link/Button</i> 
</a> 
<ul id="ma-mobilemenu" class="mobilemenu nav-collapse collapse" style="display: none;"> 
<li>Menu</li> 
</ul> 


<script> 

$(document).ready(function(){ 
$(".btn").click(function(){ 
    if(($(".mobilemenu").css("display"))=='none'){ 
     $(".mobilemenu").css("display","block"); 
    }else{ 
     $(".mobilemenu").css("display","none"); 
    } 
}) 
}); 


</script> 

</body> 
</html> 

, если вы нажмете на ссылку <a></a> она изменится <ul></ul> дисплей нет для блокировки.

+0

Спасибо Neel .. но это не работает :( –

+0

@GennaroSantoro может быть, вы что-то не так. Wait, я посылаю полный скрипт –

+0

У меня есть весь код на одной странице –