Responsiv meny med jQuery slideToggle()

2013-05-19 21:40

Medlem

Registrerad: Maj 2013

●

Responsiv meny med jQuery slideToggle()

Jag tittade på en meny som Thoriq Firdaus på Hongkiat.com hade gjort. Han har skapat en responsiv web meny som med en mediaquery vid max width:480px visar en dold div som med slideToggle() fäller ut menyn.
Jag vill vid samma media query lägga in yttligare två ikoner till vänster om menyikonen. Dessa två ikoner ska då visa två dolda formulären. Vill också att dem gärna fälls uppåt som resten av menyn och inte neråt. Vid mer än 480 ska dem två ikoner synas i samma menyrad och inte dem utfälda formulären vara synliga som dem är nu.
Har en exempel på http://jsfiddle.net/lupis/p9UuY/#base

tack på förhand
-

Rapportera Redigera

Citera flera Citera

2013-05-20 00:44

Permalänk

anon214934

Inaktiv

Registrerad: Mar 2013

●

Det här är ett forum där man diskuterar olika problem och lösningar. Inte ett härbärge där man postar sina problem och får sina lösningar till sig gratis. Ge oss vad du har so far så kan vi prata om vad du gör fel.

Rapportera Redigera

Citera flera Citera (3)

2013-05-20 09:17

Permalänk

lupis

Medlem

Registrerad: Maj 2013

●

ehh.. om du läste mitt inlägg mer noggrant så har jag redan lagt upp en länk på jsfiddle om det jag har åstadkommit hittills

Rapportera Redigera

Citera flera Citera

2013-05-20 09:43

Permalänk

Blargmode

Entusiast

Registrerad: Sep 2011

●

Jäkla massa dem här, blir helt snurrig när jag försöker läsa det...

Men skit samma, du vill alltså att de nya ikonerna ska ploppa upp när sidan går över till mobilversionen?
Detta är vad som triggar det:

$(window).resize(function(){
        var w = $(window).width();
        if(w > 320 && menu.is(':hidden')) {
        	menu.removeAttr('style');

		//Här hamnar ytterligare händelser, tex $("#formular").toggle();

        }
});

Och jag fattar inte vad du menar med det sista du skriver, you accidentallied the whole sentence, som det heter på internetspråket.

Visa signatur

Mörkt tema till sweclockers | Taklampa med socket 1155

Rapportera Redigera

Citera flera Citera

2013-05-20 12:01

Permalänk

lupis

Medlem

Registrerad: Maj 2013

●

tack

testade med följande script:

$(window).resize(function(){
        		var w = $(window).width();
        		if(w > 320 && menu.is(':hidden')) {
        			menu.removeAttr('style');
					$("#search_form, #search, #login, #login_form").toggle();
        		}

men de div tagen är fortfarande synliga vid mer än 320 px.
Fast det viktigare problemet är att få ikonerna att hamna i samma nav div men utanför ul och bredvid "pull" div

Rapportera Redigera

Citera flera Citera

Responsiv meny med jQuery slideToggle()

Responsiv meny med jQuery slideToggle()

tack

Externa nyheter

Spelnyheter från FZ