Good art is a taste, good design is an opinion.

Come as guest, stay as family.
Board Index

Come as guest, stay as family.

You are not connected. Please login or register


[Archived] Problem with the DropDown of Navbar

View previous topic View next topic Go down Message [Page 1 of 1]



Punbb Rookie
Punbb Rookie
  • Description:
Hello friends , how about ? I am therefore very happy to be able to start from scratch with my new project is going very well , and only one thing I need , and what I come to speak to them ...

place a navbar with a set of dropdown menu and not opened, or rather, the java script does not fulfill its function.

here I leave two photos

as seen in this photo , get the item "display: none" , and I just want that when someone clicks , remplaze that "display: none " to " display: block "

how is it going

this is the code

jQuery(document).ready(function($) {
    $('.dropDownHook span').on('click', function() {
        $(this).parents('.dropDownHook').children('.dropDownContent').stop(true, true).slideToggle('fast', function() {

            if ($('.dropDownContent').is(':visible')) {
                //  This alters the content of the "hook" when we open the drop down
                $('.dropDownHook span').html('Welcome <span class="USERNAME"></span> ▲');
            else {
                //  This alters the content of the "hook" when we close the dropdown
                $('.dropDownHook span').html('Welcome <span class="USERNAME"></span> ▼');

    $('html').on('click', function() {

    $('.dropDownHook > *').on('click', function(event) {

and this is the code html

<div class="dropeDownHook">

    <span>Welcome <span class="USERNAME"></span> ▼</span>

    <div class="dropeDownContent" style="display: none;">

<div class="arrow_box"></div>

       <ul style="border-right: 1px solid rgba(17, 17, 17, 0.35);margin-right: 4%;padding-right: 4%;">

<li><a href="/profile?mode=editprofile&amp;page_profil=avatars" original-title=""><i class="icon-picture hcon"></i>Cambiar Avatar</a></li>

<li><a href="/profile?mode=editprofile&amp;page_profil=signature" original-title=""><i class="icon-pencil hcon"></i>Cambiar firma</a></li>

<li><a href="/profile?mode=editprofile" original-title=""><i class="icon-edit-sign hcon"></i>Editar perfil</a></li>

<li><a href="/u" target="_blank" original-title="" class="profile-u><i class="icon-user hcon"></i>Ver Perfil</a></li>



<li><a href="/privmsg?folder=inbox" original-title=""><i class="icon-envelope hcon"></i>Bandeja de mensajes</a></li>

<li><a href="/profile?mode=editprofile&amp;page_profil=friendsfoes" original-title=""><i class="icon-group hcon"></i>Lista de Amigos</a></li>


<li><a href="/login?logout" rel="nofollow" id="logout" original-title=""><i class="icon-signout hcon"></i>Desconectar</a></li>




any help?

  • Information:
Type:Errors in codeTags:Problem,DropDown,Navbar

Powered by PunBB
Currently 0 users have thanked Srz for this post:



[aviso="Thread Archived"]Original poster seems to be inactive and did not respond within 7 days in this thread. Because of this, the topic has been Archived.

If you have further questions, please open a new topic.[/aviso]

Powered by PunBB
Currently 0 users have thanked Van-Helsing for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]

Topic URL's


Permissions in this forum:
You cannot reply to topics in this forum