How to hide tabs on small screens?

I have an antd menu with labels and icons. This is the minimal representation of the design. Codesandbox Now what I want is to hide the labels and only show the icons when the menu starts showing ellipses. Since I'm not very familiar with CSS, I was wondering if this functionality could be achieved ...

P粉520204081 2023-08-17 12:53:57 0  1  631

Why is it not hidden when you move the mouse to the second-level menu? jquery writes that when the mouse removes the first-level menu, the second-level menu is hidden.

Why is it not hidden when you move the mouse to the second-level menu? jquery writes that when the mouse removes the first-level menu, the second-level menu is hidden.

L 2018-12-31 19:07:27 0  2  1299

javascript - Click on a group of thumbnails, the large image will be displayed and switch to the corresponding image, and then click on the thumbnail to hide the large image. If you encounter any problems, please ask the teachers for advice.

Click on a group of thumbnails to display the large image and switch to the corresponding image, and then click on the thumbnail to hide the large image. When the large image is displayed, click on other small images to switch the large image but not hide it. My question is: when the big picture is ...

为情所困 2017-05-19 10:34:32 0  1  733

CSS: Keep HTML tags and hide only text content inside <a> tags

There is an "a" with an "img" inside it, followed by the text of the link. I need to hide these link text without hiding the "img" tag. <ahref="https://www.example.com/page"><imgsrc="images/example.jpg"width="50"/>Thisisalink<...

P粉973899567 2024-03-28 21:52:12 0  1  455

javascript - echart How to display only one of the two line charts by default and hide the other?

How can echart display only one of the two line charts by default and hide the other?

習慣沉默 2017-05-17 10:06:54 0  3  1246

javascript - How to adjust the position of the canvas tag in h5 to be different after hiding and displaying it again?

I used the canvas tag dynamically added by js to draw some lines, and used absolute positioning at a specific location. It is displayed by default, but the product requires that it can be hidden, so I made a button that can be hidden or displayed after clicking it. Use hide () and show(), why show()...

巴扎黑 2017-05-24 11:37:35 0  1  1030

Is there a way to hide the image after clicking it and display it when clicking again?

I have an image overlaying an object. I want to click and hide it, show the object (360 degree virtual tour) and then if the virtual tour is clicked, show the exact same image. <imgsrc="https://i.ibb.co/ZBkxZHW/360-overlay-white.png"onclick="this.style.display='none';"style=&q...

P粉186017651 2024-04-03 20:13:41 0  1  498

New Title: Protecting API Keys: Hidden Methods in Client-Side JavaScript

Right now I'm writing a client-side JavaScript application that makes requests to the USPS Price Calculator API. In order to make this request, I need to provide my API user ID in the requested XML. The tag looks like this: <RateV4RequestUSERID="ThisIsWhereMyUserIdGoes">. My question...

P粉521748211 2023-08-24 10:22:46 0  2  655

Classes for adding and removing multiple elements (JQuery and JavaScript)

I was able to get a suitable answer to edit the code from the previous question. Link to previous question: Adding and removing classes for multiple elements Now I have developed the previous code and added content so that when the icon is clicked its content will be shown or hidden. The problem wit...

P粉042455250 2024-02-25 21:30:33 0  1  475

Hide/show div on click and scroll

I want to create a hidden search form that appears when we click on the search icon and hides when the user clicks or scrolls.

P粉563831052 2024-04-06 12:20:46 0  1  576

Can we show/hide different content in a div without using Select method but just with mouse click?

Is it possible to show/hide different content in a div without using the Select method but just with a mouse click on the div? For example: .inv{display:none;}<divclass="inv"><div>Option1</div><div>Option2</div><div>Option3</div><d

P粉155832941 2024-02-17 19:29:19 0  1  461

javascript - jquery uploads multiple pictures and takes pictures for display

Recently, I encountered a function that I couldn't solve while writing code. As shown in the picture above, when I click on the camera icon, I can upload multiple pictures and take photos. My current idea is to put an input type=file on the camera icon. Tag, just hide it, so you can upload pictures ...

黄舟 2017-06-27 09:19:43 0  2  1316

Personalized customization method for typewriter input

I want to hide the typewriter cursor (this blinking | mark) in the input box, is there a way to do it using CSS? input{Some CSS properties to hide the typewriter cursor}

P粉032977207 2023-08-09 15:19:14 0  1  586

Using classList in Javascript function to add CSS classes, but styles conflict because latest class does not take precedence

My function counts the number of cards visible on the screen and if all are displayed then adds arrow-up class to my icon and if some cards are still hidden from user then arrow-down icon is added. constshowMoreIcon=document.querySelector('.cta-icon');functionmyFunction(){constbtnIcon=cardsOnShow>...

P粉738821035 2023-09-10 17:10:38 0  2  596

How to hide mui TextField label?

I'm developing a Nextjs app and I have a dashboard navigation bar built with mui that contains a notification that opens the notification box, which is built with regular HTML and CSS. dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashb...

P粉239164234 2023-09-05 15:41:00 0  1  717

javascript - How to use checkbox instead of legend to control visibility in echarts?

As shown in the picture is an echarts pie chart. The drop-down list on the right can control the display and hiding of the corresponding sector area. It has the same function as clicking the echarts legend to control the display and hiding. How to implement it?

大家讲道理 2017-06-12 09:23:59 0  3  1234

javascript - Click on a tr row in the table to display the detailed information in tr. How is this logic implemented?

Click the tr line of the table with the mouse to display the detailed content, and click the second time to hide the information.

扔个三星炸死你 2017-06-26 10:48:52 0  3  1267

How to get the index of the same element in different collections in a page

How to add click events to these same element buttons to display and hide the corresponding UL tags below!

迷茫 2017-05-19 10:07:53 0  3  526

Vanilla JS setTimeout(): Identifying wrong behavior

I have an animation on my hamburger menu written in HTML, CSS and vanilla JavaScript. Expected results When you click the hamburger menu button, the following events should happen: When you click the hamburger menu icon: main rotates 180° and shrinks along the height at 2000ms After 2000ms passes, t...

P粉797855790 2024-04-02 20:44:40 0  1  498

javascript - How to stop an event immediately after it has finished executing

I have a mouse move-in and move-out show-hidden event, but if the mouse slides over multiple times, it will be executed multiple times. How can I stop the event immediately after the mouse move-out event is executed? {code...}

ringa_lee 2017-06-14 10:54:31 0  5  883