Mevcut menüyü responsive çevirmek için basit bir kod buldum, bununla ana menüyü responsive olarak gösteriyor. Yapmaya çalıştığım ise alt kategorileri olan kategorileri koyu renkli hale getirmek. Php içinde strong veya her türlü kod kullanılabiliyor ama java konusunda bilgisizim. Bu konuda yardımcı olabilirseniz sevinirim. Dİğer uğraştıklarırımı kendim çözerim sanıyorum sonrasında.
nested class kullandığım ul satırları alt kategorili olanlar.
Şu an görsel şu şekilde sitede :
Menü
Ana Menü
Konular
-->Konu1
-->Konu2
Bilgiler
Teşekkürler
jQuery.noConflict()(function($){
$(document).ready(function() {
// Create the dropdown bases
$("<select />").appendTo(".navigation div");
// Create default option "Go to..."
$("<option />", {
"selected": "selected",
"value" : "",
"text" : "Menü"
}).appendTo("div select");
// Populate dropdowns with the first menu items
$(".navigation div li a").each(function() {
var el = $(this);
if(!el.closest('.nested').length > 0){
intend='';
}else{
intend='-->';
}
$("<option />", {
"value" : el.attr("href"),
"text" : intend+el.text()
}).appendTo("div select");
});
//make responsive dropdown menu actually work
$("div select").change(function() {
window.location = $(this).find("option:selected").val();
});
});
}); 