Develop Reference

How to add menu item to Material UI Card

I have the following example:
https://codesandbox.io/s/material-ui-card-styling-example-lcup6?fontsize=14
I just wanted to add some menu e.g. Edit, Delete to the 3 dots menu link, but could not succeeded. Tried to add menu items, etc to the IconButton and MoreVertIcon sections but nothing is changed.
So, how can I do this?

The example that you have linked does not have any onClick action tied to the menu link. It sounds like you will need a Menu element appear when the menu button is clicked. Take a look at the Menu component in the MUI docs.
As an example, I forked your example and added a menu.

A clickable accordion side menu in Javascript

Most of the side menus in javascript, which are in a tree format or what are called as accordion menu, when the parent node is clicked, a panel opens. The node click acts like a toggle. What I want is a menu like dtree, where a plus icon can be used as toggle and the actual node text can have a URL.
Does anyone know of such a menu or is it possible to create one?
Thanks in advance.
I tried the bootstrap menus, but I cannot use a URL on the toggle menu node

WordPress Elementor Pro make nav menu widget items dropdown only

I'm recreating a Joomla site in WordPress with Elementor Pro. The site I'm recreating has a main menu bar with many of the menu items having sub-menu dropdowns. The nav menu widget has given me the ability to recreate this except for one important thing. The menu items for the Joomla site that have sub-menu dropdowns, don't themselves take you to a different page. They are only used to allow for the sub-menus to appear.
Here is an image to go along with the example below: nav-menu
So for example, if a menu item (e.g. "Donate") doesn't have a sub-menu dropdown, then clicking it will take you to its page (e.g. in this case the Donate page). But if a menu item (e.g. "Contact") does have a sub-menu dropdown, then clicking it will not take you to a different page, but the items in it's sub-menu dropdown (e.g. in this case "Visit" and "Employment") will take you to different pages.
As far as I can tell, the nav menu widget has no directly way for making a menu item be exclusively for allowing a dropdown sub-menu to appear. So I was wondering if there was a work around to allow for this.
The first thing I tried was adding this code to the custom css section for the nav menu widget:
selector .has-submenu {
pointer-events: none;
}
But this also disable the sub-menu dropdown.
The second thing I tried was creating an HTML widget with the following code:
<script>
var anchorsWithSubMenus = document.querySelectorAll(".has-submenu");
for (var i = 0; i < anchorsWithSubMenus.length; i++) {
anchorsWithSubMenus[i].href = "#"
}
</script>
But this doesn't seem to do anything. I think it's because the code executes before the nav menu HTML appears, but I'm not sure.

I realized under Appearance > Menus on my sites dashboard, I can add menu items that are Custom Links. So I added custom links that go to "#" and gave them the text that I needed.

How to make conditional dropdown in wordpress

i am fresher in wordpress.
i am making relation dropdown in wordpress.
i want to make dropdown when parent dropdown option selected then in child dropdown show options relate to parent dropdown options and when child dropdown of option selected then sub child dropdown open.
how can i make table of parent,child,sub-child dropdown list in database of wordpress.
i am using contact form 7 plugin but not working
that dropdown also have checkboxs can select more then one options.
[select* my-name "-- choose -- " "option1" "option2"]
what is the process to make cascading dropdown in wordpress. if any custom code or plugin in wordpress then suggest me to do this work.

Having issue with using jQuery pushy js in two menus

I am using https://github.com/christophery/pushy on my site.
The problem is I have two separate pushy menus. Now while one menu item is expanded and I try to open menu item from other menu, the first menu item collapses.

I end up using bootstrap collapse for the 1st menu.