# Content removed as per user request. Please disregard this post

**URL:** <https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379>\
**Category:** Card Design\
**Created:** [June 23, 2024, 5:35pm UTC](https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379 "2024-06-23T17:35:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahahah](https://avatars.discourse-cdn.com/v4/letter/a/ecccb3/32.png) [@ahahah](https://forums.ankiweb.net/u/ahahah)\
**Post date:** [June 23, 2024, 5:35pm UTC](https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379/1 "2024-06-23T17:35:05Z")

</div>

Content removed as per user request. Please disregard this post

---

<div class="post-metadata">

**Author:** ![jhhr](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/jhhr/32/21339_2.png) [@jhhr](https://forums.ankiweb.net/u/jhhr)\
**Post date:** [June 23, 2024, 5:46pm UTC](https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379/2 "2024-06-23T17:46:00Z")

</div>

[Hint fields](https://docs.ankiweb.net/templates/fields.html#hint-fields) would be immediate solution to this. It’ll give you links that you tap to show their content, not that you can tap anywhere and it’ll sequentially show the fields.

---

<div class="post-metadata">

**Author:** ![jhhr](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/jhhr/32/21339_2.png) [@jhhr](https://forums.ankiweb.net/u/jhhr)\
**Post date:** [June 23, 2024, 5:50pm UTC](https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379/3 "2024-06-23T17:50:26Z")

</div>

With the [Hint hotkeys](https://ankiweb.net/shared/info/1844908621) addon, on desktop, you can get the sequential opening effect when pressing H.

---

<div class="post-metadata">

**Author:** ![jhhr](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/jhhr/32/21339_2.png) [@jhhr](https://forums.ankiweb.net/u/jhhr)\
**Post date:** [June 23, 2024, 6:06pm UTC](https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379/5 "2024-06-23T18:06:50Z")

</div>

Well, if you want it to be that fancy, it’s possible to do with Javascript. Off the top of my head, the main design pieces would be

1. Have `<div>` with the styling `position: absolute; width: 100%; height: 100%; right: 0; top: 0; background: transparent`. The idea is to have a transparent element overlaid over everything
  - probably also need to [`pointer-events`](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events) appropriately on the overlay and the underlying content

2. The `onclick` function on the `<div>` is one that finds the next unopened hint field and opens it.
3. The result would be that clicking or tapping anywhere calls the `onclick` of the overlay div and sequentially opens hint fields

I think you can still use the default hint fields. They simply create an `<a>` with the class `hint`. The onclick function would do something like this to get the yet unopened hints and open one of them

```auto
const hints = document.querySelectorAll("a.hint")
const unopenedHints = hints.filter(el => {
  return window.getComputedStyle(element).display === 'block';
})
// Click on the <a>, which'll show the div with the content and hide the <a>
unopenedHints [0].click()

```

Edit: Got the `display` condition the wrong way around. The `<a>` is initially displayed and clicking it hides it and displays the corresponding `<div>` with the field content.

---

<div class="post-metadata">

**Author:** ![jhhr](https://sea2.discourse-cdn.com/flex002/user_avatar/forums.ankiweb.net/jhhr/32/21339_2.png) [@jhhr](https://forums.ankiweb.net/u/jhhr)\
**Post date:** [June 23, 2024, 6:18pm UTC](https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379/6 "2024-06-23T18:18:08Z")

</div>

Actually an ever better idea for the `onclick` function is to adapt the JS function from the Hint hotkeys addon for this purpose as it has a lot more thought put into it: [hint-hotkeys/src/hint\_hotkeys/web/reveal\_hint.js at main · glutanimate/hint-hotkeys · GitHub](https://github.com/glutanimate/hint-hotkeys/blob/main/src/hint_hotkeys/web/reveal_hint.js)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex002/uploads/anki2/original/1X/8f1279ababc5879d54e4838989f606cfe55af8c7.jpeg) [@system](https://forums.ankiweb.net/u/system)\
**Post date:** [July 23, 2024, 6:18pm UTC](https://forums.ankiweb.net/t/content-removed-as-per-user-request-please-disregard-this-post/46379/7 "2024-07-23T18:18:29Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.