Display or conceal rendering in Rails upon clicking a button

Question

Display or conceal rendering in Rails upon clicking a button

I'm attempting to accomplish a seemingly simple task that is proving quite challenging. My goal is to conceal a render or partial in a specific view within my Rails application. Despite my efforts to find a solution, I have not come across any working examples.

Below is the snippet of code I am working with:

<p id="notice"><%= notice %></p>
<br>
<CENTER><p>
<h2>BOOK DETAILS</h2>
</p>
...

In the last line, there's a render tag (<%= render "baptism_items/form" %>) that I would like to show/hide when clicking on a link or button. Can someone provide assistance on achieving this functionality?

javascript jquery html css ruby-on-rails

Answer 1

Answer №1

To conceal your render, simply enclose it within a div element.

<h2>Enter Game:</h2>
<div id="mydivtohide">
  <%= render "game_items/form" %>
</div>

By doing this, you can easily hide the div without affecting its contents.

Answer 2

To conceal your render, simply enclose it within a div element.

<h2>Enter Game:</h2>
<div id="mydivtohide">
  <%= render "game_items/form" %>
</div>

By doing this, you can easily hide the div without affecting its contents.

Answer 3

Answer №2

It is important to consider whether a partial view is truly necessary in your application. To ensure that the partial does not render in the DOM at all, rather than just being hidden with JavaScript, you can define a variable in your controller like this:

render_partial? = false

Then, in your view, you can include the partial like this:

<%= render "baptism_items/form" if render_partial? %>

Answer 4

It is important to consider whether a partial view is truly necessary in your application. To ensure that the partial does not render in the DOM at all, rather than just being hidden with JavaScript, you can define a variable in your controller like this:

render_partial? = false

Then, in your view, you can include the partial like this:

<%= render "baptism_items/form" if render_partial? %>

Display or conceal rendering in Rails upon clicking a button

Answer №1

Answer №2

Similar questions

Updating Vue.js asynchronously using JavaScript import

VueJS, when used in conjunction with Vuetify, might require an extra loader to handle scoped css

What is the best way to ensure that only one of two textboxes is filled out in an HTML form?

Issue with resetting input forms in ReactJS

The best way to dynamically render HTML based on screen size using server-side rendering in Vue/Nuxt

Error: Document's _id field cannot be modified

Ways to access UserProfile in a different Dialogio

Obtaining the local IP address of my system with React JS

Is it necessary to have aria-checked attribute on a physical checkbox?

Tips for utilizing $http and $location in custom directives

Is your website's Google analytics event tracking not giving you the feedback you need

What is the correct way to declare this and assign values afterwards? (javascript)

Utilizing Knockout bindings for populating a jQuery UI dialog through jQuery's load method

The use of @font-face in CSS seems to be malfunctioning

The div block containing the table is experiencing horizontal overlap as additional elements are inserted

Ensuring that columns stay at a fixed width without wrapping in Bootstrap 4

Anticipating the arrival of data from an unspecified child component prior to executing the effect

When I click on the button, the output does not appear

What is the best way to utilize a variable declared in a JavaScript file within an HTML document?

The status of "Checked" has now been set to untrue