# Javascript HTML - widget

**URL:** <https://meta.discourse.org/t/javascript-html-widget/231424>\
**Category:** Development\
**Created:** [June 29, 2022, 7:44am UTC](https://meta.discourse.org/t/javascript-html-widget/231424 "2022-06-29T07:44:48Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Juraj\_Štefánik](https://avatars.discourse-cdn.com/v4/letter/j/d78d45/32.png) [@Juraj\_Štefánik](https://meta.discourse.org/u/Juraj_%C5%A0tef%C3%A1nik)\
**Post date:** [June 29, 2022, 7:44am UTC](https://meta.discourse.org/t/javascript-html-widget/231424/1 "2022-06-29T07:44:48Z")

</div>

Hello, if I want to add an ul list to the hamburger menu with from the submenus that I see either on a click or on a hover mouse, should I do it this way or know something more efficient?

I can add individual items to the hamburger menu via a component, but I need to supply sub items there that will be displayed on the hover

Can you advise me? Thanks

```plaintext
<script type="text/discourse-plugin" version="0.1">
  api.decorateWidget('menu-links:before', helper => {
    return helper.h("li", [
    helper.h("a.google", {
        href:"https://google.com",
        title: "Google",
        }, helper.h('p', 'Google')),
    ]);
  });
</script>

```

**EDIT: SOLVED**

\*\*But one more thing, how I add tagert blank? \*\*

---

_[View the full topic](https://meta.discourse.org/t/javascript-html-widget/231424)._