How to add a class

Question

<div class="post-content">
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>
    <p>XYZ</p>
        <h4></h4>       
</div>

Now i want to add a class on the p which is just coming after p, want to hide it. Then after on h4 click want to show it.

Answer 1

You can use

$("#MyElement").addClass(classname);
$("#MyElement").removeClass([classname]);
$("#MyElement").toggleClass(classname);

to Add/Remove classes

http://stackoverflow.com/questions/1315474/how-to-apply-css-class-to-an-html-element-using-jquery-in-asp-net-mvc

Answer 2

If I understood your question, I would go with jquery:

<script src="http://code.jquery.com/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
<script>
$(function(){
  $('.post-content p').hide().next('h4').click(function(){ $(this).prev().show() });
});
</script>

<div class="post-content">
  <p>XYZ</p><h4>Click me</h4>
</div>