Auf Thema antworten 2026

Beitrag

<blockquote data-quote="LRG" data-source="post: 1383295" data-attributes="member: 171125">nabend allerseits,ich habs wiedermal ne ganze weile mit blindem rumprobieren versucht, komm aber nichtmehr weiter <img src="/styles/default/xenforo/smilies/tongue.gif"&nbsp; class="smilie" loading="lazy" alt=":P" title="Stick Out Tongue&nbsp; &nbsp; :P" data-shortname=":P" />Ziel: ich möchte für WordPress eine Slide Down Navi in JavaScript/jQuery.Wordpress is aufgesetzt und bis zu nem gewissen Punkt läuft das mit der Navi auch schon wie ich das möchte, nur das einklappen geht nicht ?!hier mal der direkte link auf die Seite (es bleibt bei drei Hauptmenüpunkten und nur bei &quot;Portfolio&quot; wirds mehrere Unterseiten geben)ich hab die Up/Down - Buttons deshalb reingemacht, da ich diese &quot;unsichtbar&quot; über die Überpunkte legen möchte, sobald alles läuft, um nur eine Seite zu laden wenn denn ein Name ausgewählt wird und nicht schon wenn ein Jahr angeklickt wird.Problem is nun wie gesagt das er mir das nichtmehr schließt und ich komm nicht drauf warum...bzw. ich seh in firebug das er mir die class einfach nicht wechselt...aber ich weiß nicht wieso...normal sollte es so funktionieren (also so les ich den code) wenn der open button geklickt wird, wird erstmal alles geschlossen an &lt;ul&gt;s und dann die jeweilige &lt;ul&gt; geöffnet. Funkioniert auch nur soweit, das er die jeweilige öffnet, er schließt aber nichts anderes...und umgekehrt, also mit dem close button geht mal gleich gar nix...aber seht selbst ;-)achja und vll bin ich auch ganz auf dem holzweg, denn der erste punkt (in dem fall portfolio) bekommt auch einen button (oben rechts in der ecke von der seite)...weil die funktion ja wohl iwie vor jede ul einen hinstöpselt was im ersten fall aber nicht nötig bzw. nicht gewünscht is...hier extra nochmal die einzelnen code snippetsJS im Head-Bereich meiner Header.php[CODE]&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt; &nbsp; &nbsp; $(document).ready(function() {&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.page_item ul&quot;).hide(); &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.current_page_item&quot;).parents(&quot;ul&quot;).show(); &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.current_page_item ul:first&quot;).slideDown();&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.page_item &gt; ul:hidden&quot;).before(&#039;&lt;a href=&quot;#&quot; class=&quot;menuToggle menuToggleOpen&quot;&gt;v&lt;/a&gt;&#039;); &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.page_item &gt; ul:visible&quot;).before(&#039;&lt;a href=&quot;#&quot; class=&quot;menuToggle menuToggleClose&quot;&gt;^&lt;/a&gt;&#039;); &nbsp; &nbsp; &nbsp; &nbsp; a = function(){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).text(&quot;^&quot;).next(&quot;ul&quot;).slideDown(); &nbsp; &nbsp; &nbsp; &nbsp; }; &nbsp; &nbsp; &nbsp; &nbsp; b = function(){ &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).text(&quot;v&quot;).next(&quot;ul&quot;).slideUp(); &nbsp; &nbsp; &nbsp; &nbsp; }; &nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.menuToggleClose&quot;).toggle(b,a);&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;.menuToggleOpen&quot;).toggle(a,b);&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &lt;/script&gt;[/CODE]Navigation im Body meiner Header.php[CODE]&lt;div id=&quot;nav&quot; class=&quot;clearfix&quot;&gt;&nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;?php wp_list_pages(&#039;title_li=&#039;); ?&gt;&nbsp; &nbsp; &lt;/ul&gt; &lt;/div&gt;[/CODE]Der möglicherweiße relevante CSS-Teil für die Navi[CODE]#nav{&nbsp; &nbsp; background:#fff;&nbsp; &nbsp; font-size:1.2em;&nbsp; &nbsp; margin-bottom:30px;&nbsp; &nbsp; padding:0;&nbsp; &nbsp; width:350px;&nbsp; &nbsp; height:300px;&nbsp; &nbsp; z-index:1;}#nav ul{&nbsp; &nbsp; list-style-type:none;}#nav ul li{&nbsp; &nbsp; font-weight:bold;&nbsp; &nbsp; &nbsp; &nbsp; float:left;&nbsp; &nbsp; letter-spacing:1px;&nbsp; &nbsp; margin-bottom:-3px;&nbsp; &nbsp; margin-right:10px;&nbsp; &nbsp; padding:2px 5px;}#nav ul li a{&nbsp; &nbsp; color:#000;&nbsp; &nbsp; font-family: Verdana, Arial, Helvetica, sans-serif;}#nav ul li a:hover{&nbsp; &nbsp; color:#E0EEE5;}#nav ul li ul{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; width:50px;}#nav ul li ul li{&nbsp; &nbsp; position:relative;&nbsp; &nbsp; width:100px;}#nav li ul {&nbsp; &nbsp; margin-left: 1em;}#nav .menuToggle {&nbsp; &nbsp; position: absolute !important;&nbsp; &nbsp; top: 0px !important;&nbsp; &nbsp; right: 0px !important;&nbsp; &nbsp; color: #397388;&nbsp; &nbsp; padding: 2px 7px 4px 7px !important;&nbsp; &nbsp; &nbsp; &nbsp; background: #F0F0F0 !important;&nbsp; &nbsp; border-width: 0 !important;&nbsp; &nbsp; margin: 0 !important;&nbsp; &nbsp; font-weight: bold !important;}#nav .menuToggle:hover {&nbsp; &nbsp; color: #fff;&nbsp; &nbsp; background: #DDD !important;}.current_page_item&gt;a {&nbsp; &nbsp; font-weight: bold;}[/CODE]Ich hoffe ich habs verständlich rüber gebracht und mir kann jemand weiterhelfen <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" />Danke im Voraus,LRG</blockquote>

[QUOTE="LRG, post: 1383295, member: 171125"] nabend allerseits, ich habs wiedermal ne ganze weile mit blindem rumprobieren versucht, komm aber nichtmehr weiter :P Ziel: ich möchte für WordPress eine Slide Down Navi in JavaScript/jQuery. Wordpress is aufgesetzt und bis zu nem gewissen Punkt läuft das mit der Navi auch schon wie ich das möchte, nur das einklappen geht nicht ?! hier mal der direkte link auf die Seite (es bleibt bei drei Hauptmenüpunkten und nur bei "Portfolio" wirds mehrere Unterseiten geben) ich hab die Up/Down - Buttons deshalb reingemacht, da ich diese "unsichtbar" über die Überpunkte legen möchte, sobald alles läuft, um nur eine Seite zu laden wenn denn ein Name ausgewählt wird und nicht schon wenn ein Jahr angeklickt wird. Problem is nun wie gesagt das er mir das nichtmehr schließt und ich komm nicht drauf warum...bzw. ich seh in firebug das er mir die class einfach nicht wechselt...aber ich weiß nicht wieso...normal sollte es so funktionieren (also so les ich den code) wenn der open button geklickt wird, wird erstmal alles geschlossen an <ul>s und dann die jeweilige <ul> geöffnet. Funkioniert auch nur soweit, das er die jeweilige öffnet, er schließt aber nichts anderes...und umgekehrt, also mit dem close button geht mal gleich gar nix...aber seht selbst ;-) achja und vll bin ich auch ganz auf dem holzweg, denn der erste punkt (in dem fall portfolio) bekommt auch einen button (oben rechts in der ecke von der seite)...weil die funktion ja wohl iwie vor jede ul einen hinstöpselt was im ersten fall aber nicht nötig bzw. nicht gewünscht is... hier extra nochmal die einzelnen code snippets [B]JS im Head-Bereich meiner Header.php[/B] [CODE] <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $(".page_item ul").hide(); $(".current_page_item").parents("ul").show(); $(".current_page_item ul:first").slideDown(); $(".page_item > ul:hidden").before('<a href="#" class="menuToggle menuToggleOpen">v</a>'); $(".page_item > ul:visible").before('<a href="#" class="menuToggle menuToggleClose">^</a>'); a = function(){ $(this).text("^").next("ul").slideDown(); }; b = function(){ $(this).text("v").next("ul").slideUp(); }; $(".menuToggleClose").toggle(b,a); $(".menuToggleOpen").toggle(a,b); }); </script> [/CODE] [B]Navigation im Body meiner Header.php[/B] [CODE] <div id="nav" class="clearfix"> <ul> <?php wp_list_pages('title_li='); ?> </ul> </div> [/CODE] [B]Der möglicherweiße relevante CSS-Teil für die Navi[/B] [CODE]#nav{ background:#fff; font-size:1.2em; margin-bottom:30px; padding:0; width:350px; height:300px; z-index:1; } #nav ul{ list-style-type:none; } #nav ul li{ font-weight:bold; float:left; letter-spacing:1px; margin-bottom:-3px; margin-right:10px; padding:2px 5px; } #nav ul li a{ color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; } #nav ul li a:hover{ color:#E0EEE5; } #nav ul li ul{ position:relative; width:50px; } #nav ul li ul li{ position:relative; width:100px; } #nav li ul { margin-left: 1em; } #nav .menuToggle { position: absolute !important; top: 0px !important; right: 0px !important; color: #397388; padding: 2px 7px 4px 7px !important; background: #F0F0F0 !important; border-width: 0 !important; margin: 0 !important; font-weight: bold !important; } #nav .menuToggle:hover { color: #fff; background: #DDD !important; } .current_page_item>a { font-weight: bold; }[/CODE] Ich hoffe ich habs verständlich rüber gebracht und mir kann jemand weiterhelfen :) Danke im Voraus, LRG [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?