CODEWITHSUNDEEP
phpmysql
Dynamiite
Dynamiite

Reputation: 1499

PHP Show/hide link

I have a function that prints out articles from my database and three links Edit , Add , Show/hide. In the show/hide link i want to be able to hide/show that particular article. How can i do that? EDIT: I need to be able to hide/show articles in my backend page and it needs to stay hidden in the frontend page

function displaynews()
{
    $data = mysql_query("SELECT * FROM news")  // query
    or die(mysql_error());   
    while ($info = mysql_fetch_array($data)) 
    {
        $id = $info['id']; 
        echo "<br>
              <a href=Edit.php?id=$id>Edit</a></a>
              <a href='addnews.php'> Add </a>
              <a href='#'>Show/Hide</a><br><strong>" .
              $info['date'] .
              "</strong><br>" . 
              $info['news_content'] . 
              "<hr><br>"; // Print Articles and Date
    }
}

Upvotes: 0

Views: 2108

Answers (3)

Shahzab Asif
Shahzab Asif

Reputation: 491

Use following code:

PHP Code:

function displaynews()
{
    $data = mysql_query("SELECT * FROM news")  // query
    or die(mysql_error());   
    while ($info = mysql_fetch_array($data)) 
    {
        $id = $info['id']; 
        echo "<div class="news"><br><a href=Edit.php?id=$id>Edit</a></a><a href='addnews.php'> Add </a><a href=hide.php>Show/Hide</a><br><strong>". $info['date']."</strong><br>". $info['news_content'] . "<hr><br></div>"; // Print Articles and Date
    }
}

Javascript/jQuery Code (Don't forget to add jQuery in your page)

<script type="text/javascript">
$(document).ready(function(){
 $(".news").click(function(){
  $(this).toggle();
});
});
</script>

Upvotes: 1

Michael Benjamin
Michael Benjamin

Reputation: 2915

Use jquery.

<head>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
</head>

<a href='#' onclick="$('#whatever').toggle();return false;">show/hide</a>
<div id="whatever">
  Content
</div>
<script>
 //Try these too
$('#whatever').hide();
$('#whatever').show();
$('#whatever').toggle();
</script>

Upvotes: 1

Jordan
Jordan

Reputation: 3022

You could use some Javascript and set the style attribute to display:none to hide, then display:block to show it again. Or use jQuery.

Upvotes: 1

Related Questions